html {line-height:1.15;-webkit-text-size-adjust:100%} body {margin:0} main {display:block} h1 {font-size:2em;margin:.67em 0} a {background-color:transparent} b,strong {font-weight:bolder} code {font-family:monospace,monospace;font-size:1em} small {font-size:80%} img {border-style:none} button,input,select,textarea {font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input {overflow:visible} button,select {text-transform:none} [type=button],[type=reset],[type=submit],button {-webkit-appearance:button} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0} [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText} fieldset {padding:.35em .75em .625em} legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} textarea {overflow:auto} [type=checkbox],[type=radio] {box-sizing:border-box;padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto} [type=search] {-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-decoration {-webkit-appearance:none} ::-webkit-file-upload-button {-webkit-appearance:button;font:inherit} details {display:block} [hidden],template {display:none} html {box-sizing:border-box;font-family:sans-serif} *,:after,:before {box-sizing:inherit} blockquote,dd,h1,h2,h3,h4,h5,h6,p {margin:0} button {background:transparent;padding:0} button:focus {outline:1px dotted;outline:5px auto -webkit-focus-ring-color} fieldset,ul {margin:0;padding:0} ul {list-style:none} html {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5} *,:after,:before {border:0 solid #d3d3d3} img {border-style:solid} textarea {resize:vertical} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a0aec0} input::-moz-placeholder,textarea::-moz-placeholder {color:#a0aec0} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#a0aec0} input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#a0aec0} input::placeholder,textarea::placeholder {color:#a0aec0} [role=button],button {cursor:pointer} table {border-collapse:collapse} h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:inherit} a {color:inherit;text-decoration:inherit} button,input,select,textarea {padding:0;line-height:inherit;color:inherit} code {font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} canvas,iframe,img,object,svg,video {display:block;vertical-align:middle} img,video {max-width:100%;height:auto} *,:after,:before {--transition-duration:250ms} :focus,button:focus {outline-color:#507da5} b,strong {font-weight:500} img,video {display:block} svg {fill:currentColor} a {text-decoration:none} [v-cloak] {display:none} .rotate-180 {transform:rotate(180deg);transform-origin:center} .container {width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem} @media (min-width:640px) {.container {max-width:640px} } @media (min-width:768px) {.container {max-width:768px} } @media (min-width:1024px) {.container {max-width:1024px} } @media (min-width:1280px) {.container {max-width:1280px} } .input,.textarea {display:block;width:100%;font-family:Lato,Roboto,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:400;padding:.5rem 1rem;line-height:1.5;border-width:1px;border-color:#8d8d8d;background-color:#fff} .input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder {color:#d3d3d3} .input::-moz-placeholder,.textarea::-moz-placeholder {color:#d3d3d3} .input:-ms-input-placeholder,.textarea:-ms-input-placeholder {color:#d3d3d3} .input::-ms-input-placeholder,.textarea::-ms-input-placeholder {color:#d3d3d3} .input::placeholder,.textarea::placeholder {color:#d3d3d3} .checkbox {width:100%;font-family:Lato,Roboto,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;padding-top:.5rem;padding-bottom:.5rem;line-height:1.5;display:flex;align-items:center} .checkbox input {margin-right:.5rem} .select {position:relative} .select select {display:block;width:100%;font-family:Lato,Roboto,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.875rem;font-weight:400;padding:.5rem 2rem .5rem 1rem;line-height:1.5;border-width:1px;border-color:#8d8d8d;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:#fff} .select:before {width:1.5rem;position:absolute;top:0;bottom:0;background-position:50%;background-repeat:no-repeat;background-size:contain;pointer-events:none;content:"";right:.25rem;background-image:url(../../../media/jiantou.png)} .label {color:#404040} .button {padding:.5rem 1rem;display:block;width:100%;font-family:Roboto,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:1.125rem;border-color:#fff;border-width:1px;color:#fff;--transition-duration:250ms;transition-duration:.25s;transition-duration:var(--transition-duration);transition-timing-function:ease-in-out;transition-property:box-shadow,transform} .button:hover {box-shadow:0 10px 10px -10px rgba(0,0,0,.5);transform:scale(1.1)} .button-primary {color:#507da5;border-color:#507da5} .button-primary:hover {color:#fff;background-color:#507da5} .story-year__section {width:100%;display:flex;align-items:center} .story-year__section--content {flex:1 1 0%;padding-left:2rem;padding-right:2rem;font-weight:300;font-size:1rem} @media (min-width:1024px) {.story-year__section {width:50%;padding-left:2rem;padding-right:2rem;align-self:flex-end} .story-year__section--reverse {flex-direction:row-reverse;align-self:flex-start} .story-year__section--content {max-width:21rem} } .story-year__connection {z-index:-1;height:2px;transform:rotate(90deg);width:10rem;background-color:#507da5;margin-top:2rem;margin-bottom:2rem} @media (min-width:1024px) {.story-year__connection {max-width:10rem;transform:rotate(45deg);width:100%;margin-left:auto;margin-right:auto} .story-year__connection--reverse {transform:rotate(-45deg)} } .energy-focus--line {width:160%;position:relative;height:.25rem;margin-bottom:.5rem;background-color:#507da5} .energy-focus--line:before {transform:translate(50%,-50%);width:1rem;height:1rem;background-color:#507da5} .energy-focus--line:after,.energy-focus--line:before {content:"";top:2px;left:100%;display:block;position:absolute;border-radius:9999px} .energy-focus--line:after {transform:translateY(-50%);width:2rem;height:2rem;padding:.25rem;border-width:2px;border-color:#507da5} .energy-product--content {text-align:justify} .energy-product--content p:not(:last-child) {margin-bottom:1rem} .energy-product--content ul {list-style-type:disc;margin-left:1.5rem} .review--bubble {position:relative;border-width:2px;border-color:#507da5;border-radius:1rem;padding:4rem} .review--bubble:before {width:48px;height:24px;transform:translate(-25px,-21px);background-color:#fff;z-index:10} .review--bubble:after,.review--bubble:before {content:"";-webkit-clip-path:polygon(87% 0,0 100%,100% 100%);clip-path:polygon(87% 0,0 100%,100% 100%);top:0;left:50%;position:absolute} .review--bubble:after {width:50px;height:25px;transform:translate(-25px,-25px);background-color:#507da5;z-index:0} .article--content {line-height:1.5;font-size:1.125rem;text-align:left} .article--content p:not(:last-child) {margin-bottom:2rem} .article--content h1,.article--content h2,.article--content h3,.article--content h4,.article--content h5,.article--content h6 {margin-bottom:2rem;font-weight:700} .article--content h1 {font-size:1.875rem} .article--content h2 {font-size:1.5rem} .article--content h3 {font-size:1.25rem} .article--content img {display:block;margin-bottom:2rem;margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);max-width:unset} @media (min-width:768px) {.article--content img {margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem)} } @media (min-width:1024px) {.article--content img {margin-left:-4rem;margin-right:-4rem;width:calc(100% + 8rem)} } .navbar {width:20rem;max-width:100%;height:100vh;position:fixed;top:0;bottom:0;right:0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)} @media (min-width:1024px) {.navbar {position:static;height:auto;box-shadow:none;display:block!important} } .navbar-enter-active,.navbar-leave-active {transition:all .5s ease-in-out} .navbar-enter,.navbar-leave-to {transform:translate3d(100%,0,0)} .search-mobile-enter-active {-webkit-animation:flipInX .3s;animation:flipInX .3s} .search-mobile-leave-active {animation:flipInX .3s reverse} .navbar-bg-enter,.navbar-bg-leave-to {opacity:0} .navbar-bg-enter-active,.navbar-bg-leave-active {transition:opacity .5s ease-in-out} @-webkit-keyframes flipInX {0% {transform:perspective(400px) rotateX(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 60% {transform:perspective(400px) rotateX(-10deg);opacity:1} to {transform:perspective(400px)} } @keyframes flipInX {0% {transform:perspective(400px) rotateX(-90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 60% {transform:perspective(400px) rotateX(-10deg);opacity:1} to {transform:perspective(400px)} } .title-1 {font-size:1.875rem} @media (min-width:1024px) {.title-1 {font-size:2.25rem} } .title-2 {font-size:1.25rem} @media (min-width:1024px) {.title-2 {font-size:1.5rem} } @apply text-lg @screen lg {.title-3 {font-size:1.25rem} } .category--preview {font-weight:700;text-transform:uppercase;text-align:center;font-size:.875rem;padding-left:.25rem;padding-right:.25rem;padding-bottom:1px;overflow:hidden;letter-spacing:-.025em;line-height:18px;height:90px} @media (min-width:640px) {.category--preview {height:72px} } @media (min-width:768px) {.category--preview {height:54px} } .category--product {font-size:.75rem;text-transform:uppercase;text-align:center;padding-left:.25rem;padding-right:.25rem;padding-bottom:1px;overflow:hidden;letter-spacing:-.025em;line-height:15px} .category--product__name {font-weight:700;height:15px} .category--product__description {height:90px} @media (min-width:640px) {.category--product__description {height:75px} } .slider img {width:100%} .appearance-none {-webkit-appearance:none;-moz-appearance:none;appearance:none} .bg-transparent {background-color:transparent} .bg-white {background-color:#fff} .bg-gray-100 {background-color:#f5f5f5} .bg-gray-200 {background-color:#ededed} .bg-gray-300 {background-color:#d3d3d3} .bg-gray-500 {background-color:#8d8d8d} .bg-gray-600 {background-color:#4d4d4d} .bg-primary-500 {background-color:#507da5} .bg-gray-500-o-75 {background-color:hsla(0,0%,51%,.75)} .bg-black-500-o-50 {background-color:rgba(26,30,31,.5)} .hover\:bg-white:hover {background-color:#fff} .hover\:bg-gray-200:hover {background-color:#ededed} .focus\:bg-white:focus,.group:hover .group-hover\:bg-white {background-color:#fff} .bg-left {background-position:0} .bg-no-repeat {background-repeat:no-repeat} .bg-cover {background-size:cover} .border-transparent {border-color:transparent} .border-white {border-color:#fff} .border-gray-100 {border-color:#f5f5f5} .border-gray-200 {border-color:#ededed} .border-gray-300 {border-color:#d3d3d3} .border-gray-500 {border-color:#8d8d8d} .border-primary-500 {border-color:#507da5} .hover\:border-black:hover {border-color:#000} .hover\:border-primary-300:hover {border-color:#00ae71} .focus\:border-primary-500:focus,.hover\:border-primary-500:hover {border-color:#507da5} .rounded-none {border-radius:0} .rounded {border-radius:.25rem} .rounded-full {border-radius:9999px} .border-dashed {border-style:dashed} .border-dotted {border-style:dotted} .border-2 {border-width:2px} .border-4 {border-width:4px} .border {border-width:1px} .border-b-0 {border-bottom-width:0} .border-t-2 {border-top-width:2px} .border-b-2 {border-bottom-width:2px} .border-t {border-top-width:1px} .border-r {border-right-width:1px} .border-b {border-bottom-width:1px} .cursor-pointer {cursor:pointer} .cursor-move {cursor:move} .block {display:block} .flex {display:flex} .inline-flex {display:inline-flex} .table {display:table} .hidden {display:none} .group:hover .group-hover\:flex {display:flex} .flex-row {flex-direction:row} .flex-row-reverse {flex-direction:row-reverse} .flex-col {flex-direction:column} .flex-col-reverse {flex-direction:column-reverse} .flex-wrap {flex-wrap:wrap} .items-start {align-items:flex-start} .items-end {align-items:flex-end} .items-center {align-items:center} .items-baseline {align-items:baseline} .self-end {align-self:flex-end} .self-center {align-self:center} .justify-start {justify-content:flex-start} .justify-end {justify-content:flex-end} .justify-center {justify-content:center} .justify-between {justify-content:space-between} .justify-around {justify-content:space-around} .flex-1 {flex:1 1 0%} .flex-grow-0 {flex-grow:0} .flex-grow {flex-grow:1} .flex-shrink-0 {flex-shrink:0} .flex-shrink {flex-shrink:1} .order-first {order:-9999} .font-primary {font-family:Roboto,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif} .font-secondary {font-family:Lato,Roboto,system-ui,BlinkMacSystemFont,-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif} .font-light {font-weight:300} .font-normal {font-weight:400} .font-medium {font-weight:500} .font-bold {font-weight:700} .h-2 {height:.5rem} .h-4 {height:1rem} .h-6 {height:1.5rem} .h-8 {height:2rem} .h-10 {height:2.5rem} .h-12 {height:3rem} .h-14 {height:3.5rem} .h-16 {height:4rem} .h-20 {height:5rem} .h-24 {height:6rem} .h-32 {height:8rem} .h-40 {height:10rem} .h-64 {height:16rem} .h-auto {height:auto} .h-px {height:1px} .h-full {height:100%} .h-screen {height:100vh} .leading-none {line-height:1} .leading-tight {line-height:1.25} .leading-normal {line-height:1.5} .leading-loose {line-height:2} .m-2 {margin:.5rem} .m-4 {margin:1rem} .m-6 {margin:1.5rem} .-m-2 {margin:-.5rem} .mx-1 {margin-left:.25rem;margin-right:.25rem} .my-2 {margin-top:.5rem;margin-bottom:.5rem} .mx-2 {margin-left:.5rem;margin-right:.5rem} .my-4 {margin-top:1rem;margin-bottom:1rem} .mx-4 {margin-left:1rem;margin-right:1rem} .mx-8 {margin-left:2rem;margin-right:2rem} .my-16 {margin-top:4rem;margin-bottom:4rem} .my-auto {margin-top:auto;margin-bottom:auto} .mx-auto {margin-left:auto;margin-right:auto} .-mx-2 {margin-left:-.5rem;margin-right:-.5rem} .-mx-4 {margin-left:-1rem;margin-right:-1rem} .-my-8 {margin-top:-2rem;margin-bottom:-2rem} .-mx-8 {margin-left:-2rem;margin-right:-2rem} .mr-1 {margin-right:.25rem} .mb-1 {margin-bottom:.25rem} .ml-1 {margin-left:.25rem} .mt-2 {margin-top:.5rem} .mr-2 {margin-right:.5rem} .mb-2 {margin-bottom:.5rem} .ml-2 {margin-left:.5rem} .mt-4 {margin-top:1rem} .mr-4 {margin-right:1rem} .mb-4 {margin-bottom:1rem} .mr-6 {margin-right:1.5rem} .mb-6 {margin-bottom:1.5rem} .ml-6 {margin-left:1.5rem} .mt-8 {margin-top:2rem} .mr-8 {margin-right:2rem} .mb-8 {margin-bottom:2rem} .ml-8 {margin-left:2rem} .mb-10 {margin-bottom:2.5rem} .mb-12 {margin-bottom:3rem} .mt-16 {margin-top:4rem} .mb-16 {margin-bottom:4rem} .mb-32 {margin-bottom:8rem} .-mr-2 {margin-right:-.5rem} .-ml-2 {margin-left:-.5rem} .-mt-4 {margin-top:-1rem} .-mt-5 {margin-top:-1.25rem} .-mt-6 {margin-top:-1.5rem} .-mb-8 {margin-bottom:-2rem} .-mt-10 {margin-top:-2.5rem} .-mb-16 {margin-bottom:-4rem} .max-h-64 {max-height:16rem} .max-h-128 {max-height:32rem} .max-h-full {max-height:100%} .max-w-xs {max-width:21rem} .max-w-sm {max-width:24rem} .max-w-md {max-width:28rem} .max-w-lg {max-width:32rem} .max-w-2xl {max-width:42rem} .max-w-full {max-width:100%} .min-h-full {min-height:100%} .object-contain {-o-object-fit:contain;object-fit:contain} .object-cover {-o-object-fit:cover;object-fit:cover} .object-center {-o-object-position:center;object-position:center} .opacity-0 {opacity:0} .opacity-50 {opacity:.5} .opacity-100 {opacity:1} .hover\:opacity-75:hover {opacity:.75} .hover\:opacity-100:hover {opacity:1} .focus\:outline-none:focus {outline:0} .overflow-auto {overflow:auto} .overflow-hidden {overflow:hidden} .overflow-x-auto {overflow-x:auto} .overflow-y-auto {overflow-y:auto} .overflow-x-hidden {overflow-x:hidden} .overflow-y-visible {overflow-y:visible} .p-2 {padding:.5rem} .p-3 {padding:.75rem} .p-4 {padding:1rem} .p-8 {padding:2rem} .p-16 {padding:4rem} .px-0 {padding-left:0;padding-right:0} .py-1 {padding-top:.25rem;padding-bottom:.25rem} .px-1 {padding-left:.25rem;padding-right:.25rem} .py-2 {padding-top:.5rem;padding-bottom:.5rem} .px-2 {padding-left:.5rem;padding-right:.5rem} .py-3 {padding-top:.75rem;padding-bottom:.75rem} .px-3 {padding-left:.75rem;padding-right:.75rem} .py-4 {padding-top:1rem;padding-bottom:1rem} .px-4 {padding-left:1rem;padding-right:1rem} .py-8 {padding-top:2rem;padding-bottom:2rem} .px-8 {padding-left:2rem;padding-right:2rem} .py-16 {padding-top:4rem;padding-bottom:4rem} .px-16 {padding-left:4rem;padding-right:4rem} .py-32 {padding-top:8rem;padding-bottom:8rem} .pb-1 {padding-bottom:.25rem} .pt-2 {padding-top:.5rem} .pr-2 {padding-right:.5rem} .pb-2 {padding-bottom:.5rem} .pl-2 {padding-left:.5rem} .pt-4 {padding-top:1rem} .pr-4 {padding-right:1rem} .pb-4 {padding-bottom:1rem} .pl-4 {padding-left:1rem} .pr-8 {padding-right:2rem} .pl-8 {padding-left:2rem} .pr-10 {padding-right:2.5rem} .pt-12 {padding-top:3rem} .pb-12 {padding-bottom:3rem} .pr-14 {padding-right:3.5rem} .pt-16 {padding-top:4rem} .pb-16 {padding-bottom:4rem} .pointer-events-none {pointer-events:none} .static {position:static} .fixed {position:fixed} .absolute {position:absolute} .relative {position:relative} .sticky {position:-webkit-sticky;position:sticky} .inset-0 {right:0;left:0} .inset-0,.inset-y-0 {top:0;bottom:0} .inset-x-0 {right:0;left:0} .top-0 {top:0} .right-0 {right:0} .bottom-0 {bottom:0} .left-0 {left:0} .resize {resize:both} .shadow {box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)} .shadow-md {box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)} .shadow-lg {box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)} .hover\:shadow:hover {box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)} .hover\:shadow-2xl:hover {box-shadow:0 25px 50px -12px rgba(0,0,0,.25)} .focus\:shadow:focus {box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)} .fill-current {fill:currentColor} .text-left {text-align:left} .text-center {text-align:center} .text-right {text-align:right} .text-black {color:#000} .text-white {color:#fff} .text-gray-300 {color:#d3d3d3} .text-gray-400 {color:#cacaca} .text-gray-500 {color:#8d8d8d} .text-gray-700 {color:#404040} .text-primary-500 {color:#507da5} .hover\:text-black:hover {color:#000} .hover\:text-gray-200:hover {color:#ededed} .hover\:text-gray-300:hover {color:#d3d3d3} .focus\:text-primary-500:focus,.hover\:text-primary-500:hover {color:#507da5} .group:hover .group-hover\:text-white {color:#fff} .group:hover .group-hover\:text-primary-300 {color:#00ae71} .group:hover .group-hover\:text-primary-500 {color:#507da5} .focus-within\:text-primary-500:focus-within {color:#507da5} .text-xs {font-size:.75rem} .text-sm {font-size:.875rem} .text-base {font-size:1rem} .text-lg {font-size:1.125rem} .text-xl {font-size:1.25rem} .text-2xl {font-size:1.5rem} .text-3xl {font-size:1.875rem} .text-4xl {font-size:2.25rem} .text-7xl {font-size:5rem} .italic {font-style:italic} .uppercase {text-transform:uppercase} .lowercase {text-transform:lowercase} .capitalize {text-transform:capitalize} .hover\:underline:hover,.underline {text-decoration:underline} .visible {visibility:visible} .truncate,.whitespace-no-wrap {white-space:nowrap} .truncate {overflow:hidden;text-overflow:ellipsis} .w-2 {width:.5rem} .w-4 {width:1rem} .w-6 {width:1.5rem} .w-8 {width:2rem} .w-10 {width:2.5rem} .w-12 {width:3rem} .w-16 {width:4rem} .w-24 {width:6rem} .w-30 {width:7.5rem} .w-32 {width:8rem} .w-36 {width:9rem} .w-40 {width:10rem} .w-64 {width:16rem} .w-auto {width:auto} .w-px {width:1px} .w-1\/2 {width:50%} .w-1\/3 {width:33.333333%} .w-2\/3 {width:66.666667%} .w-1\/4 {width:25%} .w-1\/6 {width:16.666667%} .w-5\/6 {width:83.333333%} .w-full {width:100%} .z-0 {z-index:0} .z-10 {z-index:10} .z-20 {z-index:20} .z-modal {z-index:9999} .ratio-1\/1 {position:relative;padding-top:100%} .ratio-5\/2 {position:relative;padding-top:40%} .ratio-4\/3 {position:relative;padding-top:75%} .ratio-16\/9 {position:relative;padding-top:56.25%} .ratio-16\/5 {position:relative;padding-top:31.25%} .ratio-3\/2 {position:relative;padding-top:66.66667%} .ratio-2\/1 {position:relative;padding-top:50%} .ratio-2\/3 {position:relative;padding-top:150%} .ratio-1\/2 {position:relative;padding-top:200%} .ratio-banner {position:relative;padding-top:28.64583%} .ratio-documents {position:relative;padding-top:141.79104%} .col-gap-8 {-moz-column-gap:2rem;column-gap:2rem} .filter-white {-webkit-filter:grayscale(1) brightness(3);filter:grayscale(1) brightness(3)} .group:hover .group-hover\:filter-none {-webkit-filter:none;filter:none} .transition-all {transition-property:all} .transition-all,.transition-color {transition-duration:.25s;transition-duration:var(--transition-duration)} .transition-color {transition-property:color} .transition-opacity {transition-property:opacity} .transition-opacity,.transition-transform {transition-duration:.25s;transition-duration:var(--transition-duration)} .transition-transform {transition-property:transform} .transition-250 {--transition-duration:250ms;transition-duration:.25s;transition-duration:var(--transition-duration)} .transition-500 {--transition-duration:500ms;transition-duration:.5s;transition-duration:var(--transition-duration)} .transition-750 {--transition-duration:750ms;transition-duration:.75s;transition-duration:var(--transition-duration)} .transition-1000 {--transition-duration:1000ms;transition-duration:1s;transition-duration:var(--transition-duration)} .transition-ease-in-out {transition-timing-function:ease-in-out} .transition-delay-100 {transition-delay:.1s} .transform-none {transform:none} .translate-right {transform:translate(100%)} .translate-left {transform:translate(-100%)} .scale-0 {transform:scale(0)} .focus\:scale-110:focus,.hover\:scale-110:hover {transform:scale(1.1)} @media (min-width:640px) {.sm\:flex-row {flex-direction:row} .sm\:justify-start {justify-content:flex-start} .sm\:justify-end {justify-content:flex-end} .sm\:justify-between {justify-content:space-between} .sm\:mb-0 {margin-bottom:0} .sm\:w-16 {width:4rem} .sm\:w-1\/2 {width:50%} .sm\:w-1\/4 {width:25%} .sm\:w-3\/4 {width:75%} .sm\:ratio-3\/2 {position:relative;padding-top:66.66667%} } @media (min-width:768px) {.md\:border-0 {border-width:0} .md\:border-r-2 {border-right-width:2px} .md\:block {display:block} .md\:inline {display:inline} .md\:flex {display:flex} .md\:hidden {display:none} .group:hover .md\:group-hover\:flex {display:flex} .md\:flex-row {flex-direction:row} .md\:flex-wrap {flex-wrap:wrap} .md\:items-center {align-items:center} .md\:justify-start {justify-content:flex-start} .md\:justify-end {justify-content:flex-end} .md\:justify-between {justify-content:space-between} .md\:order-none {order:0} .md\:mx-auto {margin-left:auto;margin-right:auto} .md\:-mx-8 {margin-left:-2rem;margin-right:-2rem} .md\:mb-0 {margin-bottom:0} .md\:mr-1 {margin-right:.25rem} .md\:mb-2 {margin-bottom:.5rem} .md\:mr-16 {margin-right:4rem} .md\:mb-16 {margin-bottom:4rem} .md\:-mt-16 {margin-top:-4rem} .md\:max-w-xs {max-width:21rem} .md\:max-w-xl {max-width:36rem} .md\:p-8 {padding:2rem} .md\:px-2 {padding-left:.5rem;padding-right:.5rem} .md\:px-4 {padding-left:1rem;padding-right:1rem} .md\:px-8 {padding-left:2rem;padding-right:2rem} .md\:pl-4 {padding-left:1rem} .md\:pr-8 {padding-right:2rem} .md\:pl-8 {padding-left:2rem} .md\:fixed {position:fixed} .md\:absolute {position:absolute} .md\:text-left {text-align:left} .md\:text-justify {text-align:justify} .md\:text-xs {font-size:.75rem} .md\:text-sm {font-size:.875rem} .md\:text-base {font-size:1rem} .md\:text-lg {font-size:1.125rem} .md\:w-auto {width:auto} .md\:w-1\/2 {width:50%} .md\:w-1\/3 {width:33.333333%} .md\:w-2\/3 {width:66.666667%} .md\:w-1\/5 {width:20%} .md\:w-full {width:100%} .md\:ratio-1\/1 {position:relative;padding-top:100%} .md\:ratio-3\/2 {position:relative;padding-top:66.66667%} .md\:ratio-2\/1 {position:relative;padding-top:50%} .md\:ratio-none {position:relative;padding-top:0} .md\:col-count-2 {-moz-column-count:2;column-count:2} } @media (min-width:1024px) {.lg\:bg-white {background-color:#fff} .lg\:border-0 {border-width:0} .lg\:block {display:block} .lg\:flex {display:flex} .lg\:hidden {display:none} .group:hover .lg\:group-hover\:flex {display:flex} .lg\:flex-row {flex-direction:row} .lg\:items-center {align-items:center} .lg\:justify-end {justify-content:flex-end} .lg\:flex-1 {flex:1 1 0%} .lg\:h-8 {height:2rem} .lg\:h-10 {height:2.5rem} .lg\:h-16 {height:4rem} .lg\:h-20 {height:5rem} .lg\:h-64 {height:16rem} .lg\:mx-0 {margin-left:0;margin-right:0} .lg\:my-32 {margin-top:8rem;margin-bottom:8rem} .lg\:mt-0 {margin-top:0} .lg\:mb-0 {margin-bottom:0} .lg\:mb-6 {margin-bottom:1.5rem} .lg\:mb-8 {margin-bottom:2rem} .lg\:mr-10 {margin-right:2.5rem} .lg\:ml-10 {margin-left:2.5rem} .lg\:mb-16 {margin-bottom:4rem} .lg\:mb-32 {margin-bottom:8rem} .lg\:-mb-10 {margin-bottom:-2.5rem} .lg\:max-w-sm {max-width:24rem} .lg\:max-w-xl {max-width:36rem} .lg\:overflow-x-hidden {overflow-x:hidden} .lg\:overflow-y-visible {overflow-y:visible} .lg\:p-0 {padding:0} .lg\:py-4 {padding-top:1rem;padding-bottom:1rem} .lg\:px-4 {padding-left:1rem;padding-right:1rem} .lg\:py-6 {padding-top:1.5rem;padding-bottom:1.5rem} .lg\:py-8 {padding-top:2rem;padding-bottom:2rem} .lg\:px-8 {padding-left:2rem;padding-right:2rem} .lg\:py-32 {padding-top:8rem;padding-bottom:8rem} .lg\:py-48 {padding-top:12rem;padding-bottom:12rem} .lg\:pl-0 {padding-left:0} .lg\:pl-14 {padding-left:3.5rem} .lg\:pt-16 {padding-top:4rem} .lg\:pb-16 {padding-bottom:4rem} .lg\:pt-32 {padding-top:8rem} .lg\:static {position:static} .lg\:absolute {position:absolute} .lg\:shadow-md {box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)} .lg\:hover\:shadow:hover {box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)} .lg\:text-justify {text-align:justify} .lg\:text-base {font-size:1rem} .lg\:text-lg {font-size:1.125rem} .lg\:text-xl {font-size:1.25rem} .lg\:text-2xl {font-size:1.5rem} .lg\:text-3xl {font-size:1.875rem} .lg\:text-4xl {font-size:2.25rem} .lg\:text-6xl {font-size:4rem} .lg\:tracking-tight {letter-spacing:-.025em} .lg\:w-8 {width:2rem} .lg\:w-16 {width:4rem} .lg\:w-20 {width:5rem} .lg\:w-auto {width:auto} .lg\:w-1\/2 {width:50%} .lg\:w-1\/3 {width:33.333333%} .lg\:w-2\/3 {} .lg\:w-1\/4 {width:25%} .lg\:w-3\/4 {width:75%} .lg\:w-1\/5 {width:20%} .lg\:w-4\/5 {width:80%} .lg\:w-1\/6 {width:16.666667%} .lg\:z-20 {z-index:20} .lg\:z-auto {z-index:auto} .lg\:ratio-4\/3 {position:relative;padding-top:75%} .lg\:ratio-16\/9 {position:relative;padding-top:56.25%} .lg\:ratio-3\/2 {position:relative;padding-top:66.66667%} .lg\:ratio-2\/1 {position:relative;padding-top:50%} .lg\:col-count-2 {-moz-column-count:2;column-count:2} } @media (min-width:1280px) {.xl\:block {display:block} .xl\:flex-row {flex-direction:row} .xl\:mb-0 {margin-bottom:0} .xl\:mb-6 {margin-bottom:1.5rem} .xl\:mb-8 {margin-bottom:2rem} .xl\:p-16 {padding:4rem} .xl\:text-base {font-size:1rem} .xl\:text-xl {font-size:1.25rem} .xl\:text-2xl {font-size:1.5rem} .xl\:text-4xl {font-size:2.25rem} .xl\:tracking-normal {letter-spacing:0} .xl\:w-1\/4 {width:25%} .xl\:w-1\/5 {width:20%} .xl\:w-4\/5 {width:80%} } /*产品轮播*/ .view { max-width: 500px; } .view .swiper-slide { height: 300px; max-width: 500px; padding: 0 3px; box-sizing: border-box; overflow: hidden; text-align: center; } .view .swiper-slide img { height: 100%; } .view .arrow-left { background: url(../images/index_tab_l.png) no-repeat left center; position: absolute; left: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .view .arrow-right { background: url(../images/index_tab_r.png) no-repeat right center; position: absolute; right: 10px; width: 28px; height: 300px; z-index: 10; display: none; } .preview { position: relative; width: 300px; left: 30px; } .preview .swiper-slide { width: 87.5px; height: 70px; margin: 0 3px; box-sizing: border-box; overflow: hidden; cursor: pointer; } .preview .swiper-slide img { display: inline-block; height: 100%; } .preview .active-nav { border: 1px solid #F00; } .preview .arrow-left { background: #fff url(../images/feel3.png) no-repeat left center; position: absolute; left: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } .preview .arrow-right { background: #fff url(../images/feel4.png) no-repeat right center; position: absolute; right: -20px; top: 0; width: 20px; height: 70px; z-index: 10; } @media only screen and (max-width: 768px) { .view .swiper-slide { height: 200px; } .preview { display: none; } .view .arrow-left, .view .arrow-right { height: 200px; display: block; } } {include file=comm/head.html}

Idrotermosanitari

{pboot:nav parent={sort:scode} }
Raccordi
[nav:name] {/pboot:nav}
{pboot:pics num=10 id={content:id}}
{/pboot:pics}
{pboot:pics num=10 id={content:id}}
{/pboot:pics}