.homepage{position:relative;min-height:520px;height:100%}
.homepage .site-header{position:absolute;left:0;right:0;z-index:2000}
.homepage .homepage-footer{display:block}
.homepage .standard-footer{display:none}
.homepage .hero{list-style:none;padding:0;margin:0;position:absolute;top:0;left:0;right:0;bottom:0;border-color:#fff;overflow:hidden;min-height:0;z-index:20}
.homepage .hero:after{content:"";display:block;position:absolute;top:0;left:0;right:0;height:85px;z-index:1001;background:-moz-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,.85)),color-stop(100%,rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0)}
.homepage .hero li{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;border-color:#fff;background-size:cover;background-position:bottom left;transform:translateX(-100%);transition:display 2000ms linear}
.homepage .hero li.active{transform:translateX(0);transition:z-index 1500ms linear,display 0 linear;z-index:999}
.homepage .hero li.active .copy-left{opacity:1;transform:translateX(0%) rotateZ(0) scale(1)}
.homepage .hero li.transition-out{transform:translateX(0);z-index:1000}
.homepage .hero li.transition-out .image{opacity:0}
.homepage .hero li.transition-out .copy-left{opacity:0;transform:translateX(-150%) rotateZ(0) scale(1);transition:transform 500ms 1000ms cubic-bezier(.7,.015,.685,.22),opacity 500ms 1000ms cubic-bezier(.165,.84,.44,1)}
.homepage .hero li .image{position:absolute;top:0;left:0;bottom:0;right:0;opacity:1;overflow:hidden;transition:opacity 125ms 1000ms cubic-bezier(.77,0,.175,1)}
@media all and (min-width:43.75em){.homepage .hero li .image{bottom:0}}.homepage .hero li .image .inner{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;background-size:cover;background-position:bottom center}
@media all and (min-width:43.75em){.homepage .hero li .image .inner{/*background-position:bottom left*/}}.homepage .hero li .copy-left{overflow:visible;opacity:0;transform-origin:50% 100%}
.homepage .hero li .header-banner-content-wrapper{z-index:1002}
.homepage .hero li .header-banner-content-wrapper svg{height:3.5em}
.homepage .hero li .header-banner-content-wrapper .header-content p.left{display:block}
.homepage .site-content{z-index:10;margin-left:0}
.homepage .back-to-top{display:none}
.homepage .site-footer{z-index:21;overflow:visible;background:rgba(0,0,0,0)!important;position:absolute;bottom:0;padding-left:0;text-align: left;}
@media all and (min-width:43.75em){.homepage .site-footer{/*height:60px;*/background:rgba(255,255,255,1)!important;}}.homepage .site-footer .slide-mask{position:absolute;left:0;right:0;top:-50px;height:77px;}
@media all and (min-width:43.75em){.homepage .site-footer .slide-mask{background-position:top left;top:-75px;height:90px}}.homepage .site-footer .wrapper{position:absolute;left:0;/*right:0;*/bottom:0;/*min-height:53px*/}
.homepage .site-footer .wrapper{ position:relative; width:100%; height:100%;/*position:absolute;left:0;right:0;bottom:0;min-height:53px*/}
.homepage .site-footer .wrapper p.bq { text-align:left; padding-left:145px;}


@media all and (min-width:43.75em){.homepage .site-footer .wrapper{}}.homepage .page-content,.homepage .site-container,.homepage .site-content,.homepage .site-content>.wrapper{min-height:100px}
.homepage .site-container{height:100%}
.callout-carousel{position:absolute;bottom:0;width:100%;right:0;height:220px;overflow:visible;z-index:22;margin:0;padding:0;perspective:800px}
@media all and (min-width:43.75em){.callout-carousel{bottom:0;width:200px;height:100%;z-index:20}}.callout-carousel>li{display:block;position:absolute;left:50%;width:240px;background-color:#000;opacity:.6;height:100%;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);backface-visibility:hidden}
@media all and (min-width:43.75em){.callout-carousel>li{-webkit-box-shadow:-1px 0 20px 0 rgba(255,255,255,.4);-moz-box-shadow:-1px 0 20px 0 rgba(255,255,255,.4);box-shadow:-1px 0 20px 0 rgba(255,255,255,.4)}}.callout-carousel>li:nth-child(1){transform-origin:100% 100%}
@media all and (min-width:43.75em){.callout-carousel>li:nth-child(1){transform-origin:100% 100%}}.callout-carousel>li:nth-child(2){transform-origin:50% 100%}
@media all and (min-width:43.75em){.callout-carousel>li:nth-child(2){transform-origin:100% 50%}}.callout-carousel>li:nth-child(3){transform-origin:0% 100%}
@media all and (min-width:43.75em){.callout-carousel>li:nth-child(3){transform-origin:100% 0%}}@media all and (min-width:43.75em){.callout-carousel>li{width:100%;height:200px;left:auto;right:0;top:50%}}.callout-carousel>li .inner{color:#efefef;padding:20px;font-size:.85em}
.callout-carousel>li h4{font-family:'HelveticaNeueW01-75Bold','Helvetica Neue',Helvetica,Arial,sans-serif;color:#fff;text-transform:uppercase}
.callout-carousel>li input{width:90px;display:block;margin-bottom:10px}
.callout-carousel>li .row{width:100%}
.callout-carousel>li .selectricWrapper{position:relative;display:block;width:110px;transform:scale(.75) translate(-15px,-10px)}
.callout-carousel>li .selectricWrapper.selectricOpen{z-index:2000}
.callout-carousel>li .select-wrapper{position:relative;width:90px;margin:0;display:inline-block}
.callout-carousel>li select{position:absolute;width:100px !important;height:20px !important;margin-bottom:10px}
.callout-carousel.show-1 li:nth-child(1){z-index:10;transform:translate(-160px,0) scale(1);opacity:1;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1)}
@media all and (min-width:43.75em){.callout-carousel.show-1 li:nth-child(1){transform:translate(0,-160px) scale(1)}}.callout-carousel.show-1 li:nth-child(2){z-index:9;transform:translate(46px,0) scale(.8)}
@media all and (min-width:43.75em){.callout-carousel.show-1 li:nth-child(2){transform:translate(0,20px) scale(.8)}}.callout-carousel.show-1 li:nth-child(3){z-index:8;transform:translate(252px,0) scale(.64)}
@media all and (min-width:43.75em){.callout-carousel.show-1 li:nth-child(3){transform:translate(0,200px) scale(.64)}}.callout-carousel.show-2 li:nth-child(1){z-index:9;transform:translate(-350px,0) scale(.8)}
@media all and (min-width:43.75em){.callout-carousel.show-2 li:nth-child(1){transform:translate(0,-320px) scale(.8)}}.callout-carousel.show-2 li:nth-child(2){z-index:10;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);transform:translate(-120px,0) scale(1);opacity:1}
@media all and (min-width:43.75em){.callout-carousel.show-2 li:nth-child(2){transform:translate(0,-120px) scale(1)}}.callout-carousel.show-2 li:nth-child(3){z-index:8;transform:translate(110px,0) scale(.8)}
@media all and (min-width:43.75em){.callout-carousel.show-2 li:nth-child(3){transform:translate(0,80px) scale(.8)}}.callout-carousel.show-3>li:nth-child(1){z-index:8;transform:translate(-492px,0) scale(.64)}
@media all and (min-width:43.75em){.callout-carousel.show-3>li:nth-child(1){transform:translate(0,-436px) scale(.64)}}.callout-carousel.show-3>li:nth-child(2){z-index:9;transform:translate(-286px,0) scale(.8)}
@media all and (min-width:43.75em){.callout-carousel.show-3>li:nth-child(2){transform:translate(0,-256px) scale(.8)}}.callout-carousel.show-3>li:nth-child(3){z-index:10;transition:transform 750ms cubic-bezier(.77,0,.175,1),background-color 750ms cubic-bezier(.77,0,.175,1),opacity 750ms cubic-bezier(.77,0,.175,1);transform:translate(-80px,0) scale(1);opacity:1}
@media all and (min-width:43.75em){.callout-carousel.show-3>li:nth-child(3){transform:translate(0,-76px) scale(1)}}.callout-carousel .find-locations{background-image:url("/Content/sitecoreupload/Images/callout-sign.png");background-repeat:no-repeat;background-position:10px bottom}
.callout-carousel .find-locations .inner{padding-top:20px;margin-left:50px}
.callout-carousel .find-products{background-image:url("/Content/sitecoreupload/Images/map-callout.png");background-repeat:no-repeat;background-position:bottom right}
.callout-carousel .product-catalog{background-image:url("/Content/sitecoreupload/Images/callout-catalog.png");background-repeat:no-repeat;background-position:100px 100px}
.callout-carousel .product-catalog .inner{padding:12px!important; font-family:"黑体";}
.callout-carousel .product-catalog .inner .btn{padding:12px 10px!important}
.callout-carousel .btn:hover{color:#7d7e7e}
.st-menu-open .callout-carousel{display:none}
@media all and (min-width:43.75em){.st-menu-open .callout-carousel{display:block}}