.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);}
*/

.power-light{position: relative;}
.power-light .product-banner{position: relative; height: 1200px; overflow: hidden; background: url('../images/power_light_banner.jpg') 50% no-repeat #dcdcdc;}
.power-light .product-banner .wrap{position: relative;}
.power-light .product-banner .title-box {width: 100%; color:#333; /*display: table-cell; vertical-align: middle;*/ margin-top:240px;}
.power-light .product-banner .title-box h1{padding:0;}
.power-light .product-banner .title-box .curve{background: #00a0e9; padding:6px 10px; margin:0 0 0 10px; color: #fff; border-radius: 10px;}
.power-light .product-banner .title-box p{color:#333;}
.power-light .product-banner .title-box .fun{ line-height: 28px; font-size: 14px; color:#666;}
.power-light .product-main-content{position: relative; overflow: hidden; box-sizing: border-box;}

.section_lc{ height: auto; background: url('../images/index_hpower_lc_bg.jpg') no-repeat #fff; background-position: center; background-size: cover;}
.section_lc .case{overflow: hidden; margin:160px 0; display: flex;}
.section_lc .case>div{flex: 1; background-color: rgba(0,0,0,0.2);}
.section_lc .case>div:before{content:''; display: block; height: 534px; background-repeat: no-repeat; background-position: center;}
.section_lc .case>div>h3{text-align: center; padding:36px 0; font-size: 16px;}
.section_lc .case .item1:before{background-image: url('../images/index_hpower_lc_item_1.jpg');}
.section_lc .case .item2:before{background-image: url('../images/index_hpower_lc_item_2.jpg');}
.section_lc .case .item3:before{background-image: url('../images/index_hpower_lc_item_3.jpg');}

.section_dc{background: #fff;}
.section_dc .img-dimmer{background: url('../images/index_hpower_dc.jpg') no-repeat; width:1200px; height: 520px; margin:160px auto;}

.section_cc{background: url('../images/index_hpower_cc_bg.jpg') no-repeat #f2f2f2; background-position: center; background-size: cover;}

.section_check{background: url('../images/index_hpower_check_bg.jpg') no-repeat #fff; background-position: center; background-size: cover;}
.section_check .devices{background: url('../images/index_hpower_check_devices.png') center/1200px 360px no-repeat #fff; border-radius: 10px; box-shadow: 0 0 10px #e2e2e2; width:1400px; height: 420px; margin:160px auto;}