@font-face{font-family:'Noto-Sans-Bold';src:url("/Data/jnplant-led/template/cn/fonts/Noto-Sans-Bold.woff") format('woff');font-style:normal;font-weight:normal;}
.lo_dang img.active{display:none;}
.lo_num img{display:block;}
.ph_wra img{display:block;}
.hos{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.hos{}
.hos>li{position:relative;}
.hos p{line-height:100px;padding:0 .3rem;font-size: 0.18rem;}
.hos dl{position:absolute;top:100%;left:-15%;width:130%;z-index: 999;background:#fff;text-align:center;line-height:46px;box-shadow:0 0 1rem rgba(0, 0, 0, 0.05);font-size:15px;display:none;}
.hos dl a{display:block;}
.hos dl a:hover{background:#00468f;color:#fff;}
.hos dl dd{position:relative;}
.hos ol{position: absolute;top: 0;left: 100%;width: 100%;background:#f9f9f9;display:none;}


.heade-w .ph_wra img.active{display:block;}
.heade-w .ph_wra img{display:none;}
.home-application-container{max-width:1920px;}
.home-product-container{background:url("../image/ha-bg.jpg") no-repeat left center;background-size:cover;}
.home-product-wrap{}
.home-about-container{padding:0.5rem 0;max-width:1920px;margin:0 auto;background:url("../image/home-about-bg.jpg") no-repeat left center;height:calc(947 / 1920 * 100vw);background-size:cover;min-height:580px;max-height:947px;}
main{padding-top:0;}
.home-pro-list-txt h3{font-family:'SourceHanSansCN-Medium';font-weight:normal;color:#333;}
.home-application-content{max-width:1920px;background:url("../image/product-wrap-bg.jpg") no-repeat left center;background-size:cover;}
.home-teaser{position:relative;padding:20px 0 50px;color:#333;}
.home-teaser:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;}
.home-teaser .head{margin-bottom:70px;text-align:center;}
.home-teaser .scroll-tab{position:relative;margin:auto;margin-bottom:50px;padding:0 15px;width:930px;}
.home-teaser .scroll-box{position:relative;overflow:hidden;}
.home-teaser .scroll-track{display:table;white-space:nowrap;font-size:0;}
.home-teaser .scroll-item{display:inline-block;margin:0 95px;padding:10px;border-radius:10px;vertical-align:middle;text-align:center;letter-spacing:2px;cursor:pointer;width:110px}
.home-teaser .scroll-item .icon{margin:auto;margin-bottom:8px;width:50px;height:50px;overflow:hidden;}
.home-teaser .scroll-item .icon img{display:block;width:100%;}
.home-teaser .scroll-item .icon .i2{display:none;}
.home-teaser .scroll-prev,.home-teaser .scroll-next{position:absolute;top:50%;font-size:1.5em;cursor:pointer;z-index:1;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.home-teaser .scroll-prev{left:-40px;}
.home-teaser .scroll-next{right:-40px;}
.home-teaser .disabled{opacity:0.5;cursor:default;}
.home-teaser .scroll-item:hover{color:#6fba2c;}
.home-teaser .scroll-item.cur{color:#1d58b9;}
.home-teaser .scroll-item.cur .icon .i1{display:none;}
.home-teaser .scroll-item.cur .icon .i2{display:block;}
.home-teaser .tab-item{position:relative;display:none;overflow:hidden;}
.home-teaser .tab-item.act{display:block;background-color:#fff}
.home-teaser .tab-item .img{position:relative;float:right;width:100%;overflow:hidden;z-index:3}
.home-teaser .tab-item .img img{padding:40px;box-sizing:border-box;width:100%;}
.home-teaser .tab-item .i{position:absolute;left:0;top:0;width:100%;}
.home-teaser .tab-item .cont{position:absolute;left:0;top:0;bottom:0;width:45.65%;background:#fff;display:none;}
.home-teaser .tab-item .inner{position:absolute;left:20%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#1d58b9;z-index:3;}
.home-teaser .tab-item .inner-title{margin-bottom:.5rem;}
.home-teaser .tab-item .inner-flex{display:flex;justify-content:center;text-align:left;}
.home-teaser .tab-item .inner-text{margin-bottom:.15rem;font-family:'NotoSansHans-Regular';}
.home-teaser .tab-item .inner-text:last-child{margin-bottom:0;}
.home-teaser .tab-item .home-product-link{margin-top:1rem;display: none;}
.teaser-left{position:absolute;right:0;bottom:0;z-index:1;width:50%;}
.home-pro-list-txt .hpb-btb{width:.36rem;height:.36rem;position:relative;top:4px;}
.home-pro-b-content .hpb-prev{margin-right:.3rem;}
.home-teaser .tab-item .t1{margin-bottom:35px;}
.home-teaser .tab-item .t2{margin-bottom:95px;}
.home-teaser .tab-item .link{display:inline-block;padding:10px;width:217px;border-radius:999px;border:1px solid #929292;text-align:center;}
.home-teaser .tab-item .link + .link{margin-left:25px;}
.home-teaser .h16{font-size:.16rem;}

/*�²�Ʒ*/
.x-pos{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;justify-content: space-between;margin-top:0.5rem ;}
.x-posa{}
.x-posa ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.x-posa li{font-size:0.17rem;box-sizing:border-box;margin-left:10px;}
.x-posa li p{cursor: pointer;box-sizing:border-box;padding:10px 15px;border:1px solid #333;}
.x-posa li.x-jis p{color:#fff;border:1px solid #1d58b9;background: #1d58b9;}
.x-posb{width:100%;}
.x-posb ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-right:-2%}
.x-posb li{overflow:hidden;transition: all 0.3s;background:#fff;margin-bottom:0.5rem;width:23%;margin-right:2%;}
.x-posb .x-psa{overflow:hidden;}
.x-posb .x-psa img{transition:all .3s;display: block;width: 100%;}
.x-posb .x-psb{padding: .35rem 0.2rem;font-size:0.18rem;box-sizing:border-box;}
.x-posb li:hover{box-shadow: 0 0 20px rgb(178 181 212 / 0.7);}
.x-posb li:hover .x-psb{color:#1d58b9;}



@media screen and (max-width:768px){.swiper-wrapper-par .swiper-slide:nth-child(9){margin-top:20px;}
}
/*�ƶ��� 1024 ����*/
@media screen and (max-width:1020px){.home-teaser{padding:1rem 0;}
.home-teaser:before{content:'';position:absolute;left:0;right:0;top:0;height:100%;}
.home-teaser .head{margin-bottom:0.5rem;}
.home-teaser .scroll-tab{margin-bottom:0.5rem;padding:0 1rem;width:100%;max-width:600px}
.home-teaser .scroll-item{margin:0 5px;padding:0.1rem;width:1.8rem;height:100px;height:auto;border-radius:0.1rem;box-sizing:border-box;}
.home-teaser .scroll-item .icon{margin-bottom:0.1rem;width:50px;height:50px;}
.home-teaser .scroll-prev,/*.home-teaser .scroll-next{width:0.8rem;height:0.8rem;}
*/
 .home-teaser .scroll-prev{left:15px;}
.home-teaser .scroll-next{right:15px;}
.home-teaser .tab-item .img{float:none;width:100%;}
.home-teaser .tab-item .img img{padding:0;}
.home-teaser .tab-item .cont{position:static;width:100%;}
.home-teaser .tab-item .inner{position:relative;padding:0.5rem;transform:none;z-index:3;}
.home-teaser .tab-item .t1{margin-bottom:0.1rem;}
.home-teaser .tab-item .t2{margin-bottom:0.5rem;}
.home-teaser .tab-item .link{padding:0 0.3rem;line-height:calc(0.66rem - 2px);width:auto;}
.home-teaser .tab-item .link + .link{margin-left:0.2rem;}
.home-teaser .tab-item .inner-flex>div{display:flex;align-items:flex-end;justify-content:space-between;}
.home-teaser .tab-item .inner-flex>div>div{margin-right:.5rem;}
.home-teaser .tab-item .inner{left:0;}
}