.font-white{color:#fff;}
.font-black{color:#333;}
.font-center{text-align: center;}
.title-box h1{font-size: 48px; line-height: 72px; padding:0 0 20px 0; font-weight: 600; padding:200px 0 0;}
.title-box p{line-height: 36px; font-size: 24px; padding:40px 0 0;}
.section{position: relative; width: 100%; height: 1200px; overflow: hidden;}
/*
.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);}
*/

.w50{width:50%;}
.w80{width:80%;}
.center{margin:0 auto;}

.sw-light{position: relative;}
.sw-light .product-banner{position: relative; height: 1200px; overflow: hidden; background: url('../images/light_switch_banner.jpg') 50% no-repeat #141414; background-size: cover;}
.sw-light .product-banner .wrap{position: relative;}
.sw-light .product-banner .title-box {width: 100%; color:#333;  height:1200px; display: table-cell; vertical-align: middle;}
.sw-light .product-banner .title-box h1{padding:0;}
.sw-light .product-banner .title-box .curve{background: #00a0e9; padding:6px 10px; margin:0 0 0 10px; color: #fff; border-radius: 10px;}
.sw-light .product-banner .title-box p{color:#333;}
.sw-light .product-banner .title-box .fun{ line-height: 28px; font-size: 14px; color:#666;}
.sw-light .product-main-content{position: relative; overflow: hidden; box-sizing: border-box;}

.section_compose{height: 1440px; background: url('../images/index_compose_bg.jpg') no-repeat #222127; background-position: center; background-size: 2560px 1440px;}
.section_compose .img-compose{background: url('../images/index_compose.png') center no-repeat; width: 1400px; height: 730px; margin:160px auto 0; position: relative;}
.section_compose .img-compose div{color:#fff; position: absolute; font-size: 18px;}
.section_compose .img-compose .n1{top:16px; left:140px;}
.section_compose .img-compose .n2{top:76px; left:700px;}
.section_compose .img-compose .n3{top:110px; left:1010px;}
.section_compose .img-compose .n4{top:240px; left:1130px;}
.section_compose .img-compose .n5{bottom:16px; left:540px;}
.section_compose .img-compose .n6{bottom:100px; left:0px;}

.section_electronic{height: 1440px; background: #272727;}
.section_electronic .img-electronic{background: url('../images/index_electronic.png') center no-repeat; width: 505px; height: 865px; margin:160px auto 0; position: relative;}
.section_electronic .img-electronic div{color:#fff; position: absolute; font-size: 18px; width: 300px;}
.section_electronic .img-electronic div:before{content: ''; width: 140px; height: 1px; background: #fff; margin:0 0 0 20px; position: absolute; top:50%; transform: translateY(-50%);}
.section_electronic .img-electronic .n4:before, .section_electronic .img-electronic .n5:before{content: ''; width: 200px; height: 1px; background: #fff; margin:0 0 0 -220px; position: absolute; top:50%; transform: translateY(-50%);}

.section_electronic .img-electronic .n1{top:60px; left:-360px; text-align: right;}
.section_electronic .img-electronic .n2{top:400px; left:-360px; text-align: right;}
.section_electronic .img-electronic .n3{top:688px; left:-360px; text-align: right;}
.section_electronic .img-electronic .n4{top:260px; right:-360px;}
.section_electronic .img-electronic .n5{top:500px; right:-500px;}


.section_agreement{height: 1440px; background: #1e1e1e;}
.section_agreement .img-flooding{background: url('../images/flooding_agreement.jpg?v1') no-repeat; width:1600px; height: 960px; margin:0 auto;}

.section_touchmcc{height: 1080px; overflow: hidden; position: relative;}
.section_touchmcc .wrap{ width: 50%; float: right; margin:400px 0 0;}
.section_touchmcc .title-box h1{padding:0;}
.section_touchmcc .img-touchmcc{width: 50%; float: left; height: 100%; background: url('../images/index_touchmcc_bg.jpg') no-repeat; background-position:right center;}


.section_scenecontrol{height: 1200px; background: url('../images/index_scenecontrol_bg.jpg') no-repeat #f0f0f0; background-position: center;}

.section_drycontact{height: 1200px; background: url('../images/index_drycontact_bg.jpg') no-repeat #b5b8bd; background-position: center bottom;}

.section_appcontrol{height: 1080px; background: url('../images/index_appcontrol_bg.jpg') no-repeat #9d9896; background-position: center; background-size: cover;}
.section_appcontrol .title-wrap{padding-top:260px;}


.section_remotecontrol{height: 1080px; background: url('../images/index_remotecontrol_bg.jpg') no-repeat #fff; background-position: center; background-size: 1920px 1080px;}
.section_remotecontrol .img-device-remote{ margin:200px 0 0; width:500px; height:1048px; background: url('../images/device_remote.png') no-repeat;}