.lighting-iot header { margin-bottom: 0; }
.lighting-iot main { padding-top: 0; padding-bottom: 0; }
.lighting-iot footer { margin-top: 0; }

.swiper-button-prev.swiper-button-white { left: 10%; border: 1px solid #fff; padding: 40px; border-radius: 50%; opacity: 0.5; transition: .1s all ease-in-out; }
.swiper-button-prev.swiper-button-white:hover { opacity: 1; border-width: 2px; padding: 39px; }
.swiper-button-next.swiper-button-white { right: 10%; border: 1px solid #fff; padding: 40px; border-radius: 50%; opacity: 0.5; transition: .1s all ease-in-out; }
.swiper-button-next.swiper-button-white:hover { opacity: 1; border-width: 2px; padding: 39px; }

.banner-box { width: 100%; height: calc(100% ); transition: all 1s; -webkit-transition: all 1s; }
.banner-box .swiper-slide a {  width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@keyframes MoveUpDown {
    0%, 100% {
        bottom: 40px;
    }
    50% {
        bottom: 100px;
    }
}

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-arrow {  cursor: pointer; font-size: 14px; position: absolute; color: #fff; z-index: 6; bottom: 10%; left: 50%; margin-left: -13px; 
    -webkit-animation: MoveUpDown 3s ease-in-out infinite; animation: MoveUpDown 3s ease-in-out infinite;}

.navlst { position: fixed; z-index: 97; top: 50%; left:2% ; color: #fff; font-size: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);
    transform: translateY(-50%); display: none; }
.navlst ul { border-left: 2px solid hsla(0,0%,5%,.2); width: 60%; }
.navlst ul:hover li span { opacity: 1; }

.navlst ul li { margin-bottom: 40px; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; }
.navlst ul li b { position: fixed; width: 4px; height: 30px; background: #000; border-radius: 2px; margin-left: -3px; opacity: 0; transition: .3s all ease-in-out; }
.navlst ul li span { color: #131313; display: block; margin-left: 20px; opacity: 0; transition: .2s all ease-in-out; }
.navlst ul li:active span, .navlst ul li:hover span { color: #000;  }
.navlst ul li.cur b { opacity: 1; }
.navlst ul li.cur span { opacity: 1; color: #000; }
.navlst .gotop { position: relative; left: -6%; width: 24px; height: 24px; margin-top: -18px; background: url(../images/lighting/top.png) 50% no-repeat;
    background-size: contain; opacity: .6; cursor: pointer; }
.navlst .gotop:hover {opacity: 1; }
.light-main { width: 100%; height: calc(100%); margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; overflow: hidden; }
.light-main .tab-group { position: relative; height: 100%; background:rgba(255,255,255,.5); width: 30%; left: 70%; flex-direction: column; padding: 50px; z-index: 10; display: flex; justify-content: center; transform: translate(100%, 0); opacity: 0.1; transition: .3s all ease-in-out;  overflow: auto; overflow-x: hidden; }


.light-main:hover .tab-group { opacity: 1; transform: translate(0, 0);}
.light-main .tab-group .btn { display: none; position: absolute; bottom: 1%; right: 1%; width: 50%; height: 9%; margin: 1% 4% 2% 3%; background: #09f; color: #fff; border: #09f solid 1px; border-radius: 4px;  }
.light-main .tab-group .tab-item { position: relative; cursor: pointer; z-index: 999; border-radius: 4px; width: 100%; margin-bottom: 20px;
    padding: 20px; border: #ddd solid 1px; font-size: 12px; line-height: 16px; text-align: left; background: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.light-main .tab-group .tab-item.active { border: #333 solid 2px; padding: 19px; }
.light-main .tab-group .tab-item.active:hover { border: #333 solid 2px; }
.light-main .tab-group .tab-item:hover { border: #333 solid 2px; padding: 19px; }
.light-main .tab-group .tab-item h6 { font-size: 20px; font-weight: 600; margin-bottom: 10px; }
.light-main .tab-group .tab-item span { font-size: 14px; display: block; color: #666; }

.contact { width: 75%; margin: 50px auto; text-align:center; }
.contact h2 { text-transform: uppercase; font-size: 32px; color: #0098FF;}
.contact .sub-title { margin: 20px auto; width: 50%; font-size: 20px;line-height: 26px; }
.contact .form-holder { width: 50%; margin: 0 auto; }
.contact .form-holder .entry { width: 75%; margin: 0 auto 20px; }
.contact .form-holder .entry input {width: 100%; padding: 15px 20px; border: 1px solid #333; border-radius: 4px; }
.contact .form-holder .entry input:focus { border: 1px solid #0098ff; }
.contact .form-holder .entry textarea { width: 100%; padding: 15px 20px; border: 1px solid #333; line-height: 26px; border-radius: 4px; }
.contact .form-holder .entry textarea:focus { border: 1px solid #0098ff; }
.contact .form-holder .btn-set { width: 75%; margin: 0 auto 20px;}
.contact .form-holder .btn-set input { padding: 10px; display: block; cursor: pointer; transition: .1s all ease-in-out; border-radius: 4px; }
.contact .form-holder .form-message { padding: 0px 0px 20px; color: #0098FF; display: table; width: 100%; }
.contact .form-holder .form-message .message-content { line-height: 26px; display: table-row;}
.contact .form-holder .form-message .message-content .message-content-list { display: table-cell; padding: 1%; }
.contact .form-holder .form-message .message-content .message-content-list .titDiv { float: left; text-align: right; width: 50%; }
.contact .form-holder .form-message .message-content .message-content-list .lisDiv { float: right; text-align: left; width: 50%; padding-left: 10px; }

@media (max-width: 990px) {
    .swiper-button-prev.swiper-button-white { display: none; }
    .swiper-button-next.swiper-button-white { display: none; }
    .banner-box { height: calc(100%); transition: all 1s; -webkit-transition: all 1s; }
    @keyframes MoveUpDown {
        0%, 100% {
            bottom: 30px;
        }
        50% {
            bottom: 80px;
        }
    }

    .navlst { display: none !important; }

    .light-main .tab-group { width: 70%; left: 30%; padding: 0; display: block;  }
    .light-main .tab-group .tab-btn { padding: 5%; overflow-y: auto; height: 85%; }
    .light-main .tab-group .btn { display: block; }
    .light-main .tab-group .tab-item { padding: 15px; margin-bottom: 10px;}
    .light-main .tab-group .tab-item:hover { border: #fff solid 2px; padding: 14px;}
    .light-main .tab-group .tab-item.active { padding: 14px; }
    .light-main .tab-group .tab-item.active:hover { padding: 14px; }
    .light-main .tab-group .tab-item h6 { font-size: 16px; }
    .contact { width: 100%; margin: 20px auto; }
    .contact h2 { font-size: 18px; width: 90%; margin: 0 auto 30px; }
    .contact .sub-title { width: 100%; font-size: 16px;line-height: 20px;  width: 90%; }

    .contact .form-holder { width: 100%; }
    .contact .form-holder .entry input { padding: 10px 20px; }
    .contact .form-holder .entry textarea { padding: 10px 20px; line-height: 20px; }

}