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

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


.section_environment{background: url('../images/index_pir_environment_bg.jpg') no-repeat #00145e; background-position: center;}

.section_eco{background: url('../images/index_pir_eco_bg.jpg') no-repeat #363636; background-position: center;}
.section_eco .wrap{position: relative; height: 100%;}
.section_eco .title-box{position: absolute; bottom: 260px; left: 0; right: 0;}
.section_eco .title-box h1{padding:0;}
.section_eco .angle{position: absolute; top:550px; left:0; right:0; color:#00a0e9; text-align: center; font-size: 48px; font-weight: 600;}

.section_change{background: #e5e4e4;}
.section_change .model{width:1200px; margin:140px auto; display: flex; height: 5rem;}
.section_change .model>div{margin:0 0.2rem;}
.section_change .model .night{flex: 1; background:url(../images/index_pir_change_night.jpg) center no-repeat;}
.section_change .model .daytime{flex: 1; background:url(../images/index_pir_change_daytime.jpg) center no-repeat;}

.section_track{background: url('../images/index_pir_track_bg.jpg') no-repeat #32435c; background-position: center;}