.font-white{color:#fff;}
.font-black{color:#333;}
.font-center{text-align: center;}
.title-box h1{font-size: 48px; line-height: 72px; padding:160px 0 20px 0; font-weight: 600;}
.title-box p{line-height: 36px; font-size: 24px; padding:28px 0 0;}
.section{position: relative; width: 100%; height: 1200px;}
/*
.section .transi-up{opacity: 0; -webkit-transform: translate3d(0,30px,0); -moz-transform: translate3d(0,30px,0); transform: translate3d(0,30px,0);}
.section.is-visible .transi-up{opacity: 1; -webkit-transition: opacity .8s; -moz-transition: opacity .8s; transition: opacity .8s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0);}
*/


.product-banner{position: relative; height: 1000px; overflow: hidden; background: url('../images/dimmer_switch_banner.jpg') 50% no-repeat #29334f; background-size: cover;}
.product-banner .wrap{height: 100%; position: relative;}
.product-banner .title-box {width: 100%; color:#fff; /*height: 1000px; display: table-cell; vertical-align: middle;*/ text-align: center; padding:140px 0 0 30px;}
.product-banner .title-box h1{padding:0;}
.product-banner .title-box .curve{background: #00a0e9; padding:6px 10px; margin:0 0 0 10px; color: #fff; border-radius: 10px;}
.product-banner .title-box p{color:#fff;}
.product-banner .title-box .fun{ line-height: 28px; font-size: 14px; color:#b2b2b2;}
.product-main-content{position: relative; overflow: hidden; box-sizing: border-box;}


.section_infinite{height: 1000px; background: #282828;}
.section_infinite .img-infinite{width: 1440px; height: 514px; margin:100px auto 0; position: relative; background: url('../images/index_dimmer_infinite.jpg') no-repeat; background-position: center; background-size: cover;}


.section_colortemperature{}
.section_colortemperature .img-colortemp{width: 1280px; height: 686px; margin:100px auto 0; position: relative; background: url('../images/index_dimmer_colortemperature.png') no-repeat; background-position: center; background-size: cover;}


.section_colors{height: 1400px; background: #181818;}
.section_colors .select-color{width: 1280px; height: 428px; margin:60px auto; background-repeat:no-repeat; background-position: center; background-size: cover;}
.select-color.img-color1{background-image: url('../images/index_dimmer_color_1.jpg');}
.select-color.img-color2{background-image: url('../images/index_dimmer_color_2.jpg');}


.section_dimmer_doublecontrol{height: 1340px; background: url('../images/index_dimmer_doublecontrol_bg.jpg') no-repeat #e0e0e0; background-position: center top; background-size: 2560px 800px;}
.section_dimmer_doublecontrol .img-doubledevice{background: url('../images/index_dimmer_doubledevice.png') center no-repeat transparent; width: 1375px; height: 495px; margin:380px auto 0; position: relative;}