.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:20px 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);}
*/

.sw-sensor{position: relative;}
.sw-sensor .product-banner{position: relative; height: 1000px; overflow: hidden; background: url('../images/ceiling_sensor_banner.jpg') 50% no-repeat #151616; background-size: cover; overflow: hidden;}
.sw-sensor .product-banner .wrap{position: relative;}
.sw-sensor .product-banner .title-box {width: 100%; margin:60px 0 0; color:#fff; text-align: right;}
.sw-sensor .product-banner .title-box h1{}
.sw-sensor .product-banner .title-box .curve{background: #00a0e9; padding:6px 10px; margin:0 0 0 10px; color: #fff; border-radius: 10px;}
.sw-sensor .product-banner .title-box p{color:#fff;}
.sw-sensor .product-banner .fun{ line-height: 28px; font-size: 14px; color:#b2b2b2; float: right; margin:60px 0 0;}
.sw-sensor .product-banner .fun ul{overflow: hidden; text-align: center; color: #fff;}
.sw-sensor .product-banner .fun ul li{float: left; width: 140px; height: 140px; border: 2px solid #fff; margin:0 0 10px 10px; border-radius: 10px; padding:100px 10px 10px;}
.sw-sensor .product-banner ul li.fun1{ background: url('../images/fun1.png') 50% 0 transparent no-repeat;}
.sw-sensor .product-banner ul li.fun2{ background: url('../images/fun2.png') 50% 0 transparent no-repeat;}
.sw-sensor .product-banner ul li.fun3{ background: url('../images/fun3.png') 50% 0 transparent no-repeat;}
.sw-sensor .product-banner ul li.fun4{ background: url('../images/fun4.png') 50% 0 transparent no-repeat;}
.sw-sensor .product-banner ul li.fun5{ background: url('../images/fun5.png') 50% 0 transparent no-repeat;}
.sw-sensor .product-banner ul li.fun6{ background: url('../images/fun6.png') 50% 0 transparent no-repeat;}
.sw-sensor .product-main-content{position: relative; overflow: hidden; box-sizing: border-box;}

.section_install{height: 1080px; background: url('../images/index_install_bg.jpg') no-repeat #e2e3e5; background-position: center; background-size: 1920px 1080px;}

.section_both{height: 1440px; background: url('../images/index_both_bg.jpg') no-repeat #222; background-position: center bottom; background-size: 1920px 1440px;}

.section_vision{height: 1200px; background: url('../images/index_vision_bg.jpg') no-repeat #a0a0a0; background-position: center bottom; background-size: 2560px 1200px;}

.section_angle{height: 1440px; background: url('../images/index_angle_bg.jpg') no-repeat #222; background-position: center bottom; background-size: 2560px 1440px;}

.section_switchcontrol{height: 1440px; background: url('../images/index_switchcontrol_bg.jpg') no-repeat #fff; background-position: center bottom; background-size: 2560px 1440px;}

.section_synchronicity{height: 1440px; background: url('../images/index_synchronicity_bg.jpg') no-repeat #000; background-position: center bottom; background-size: 2560px 1440px;}