/************************
 * 基本样式
*************************/
.container{width: 12rem; margin: auto;}
.wrap{padding-left: .4rem; padding-right: .4rem;}
.banner{width: 100%; overflow: hidden; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center;}
.row{width: 100%; display: block;}
.left{float: left;}
.right{float: right;}
.block-title{width: 100%; display: block; font-size: 0;}
.block-title h2{width: auto; display: block; float: left; font-size: .28rem; line-height: .28rem; color: #666666; text-transform: uppercase;}
.block-title h2 b{color: #333; padding-right: .1rem; position: relative; margin-right: .1rem;}
.block-title h2 b:after{content: ''; width: .02rem; height: .22rem; background: #8a8a8a; position: absolute; top: .05rem; right: 0;}
.block-title .more{width: 1.3rem; height: .32rem; border: .01rem solid #333333; color: #333333; text-align: center; font-size: .14rem; line-height: .32rem; display: block; float: right; text-transform: uppercase;}
.block-title p{width: 100%; display: inline-block; font-size: .18rem; line-height: .3rem;margin-top: .34rem; color: #666;}
.left{float: left;}
.right{float: right;}
.mask{width: 100%; height: 100%; background: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; display: block; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out;}
.mask.on{visibility: visible; opacity: 1;}

/*************************header****************************/
header{width: 100%; display: block; background: #fff;position: relative; box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.1)}
header.fixed{position: fixed; left: 0; top: 0; right: 0; z-index: 2;}
header .logo{width: 1.77rem; height: .26rem; float:left; margin-top: .09rem; margin-bottom: .15rem; margin-left: .2rem;}
header ul.nav{width: auto; float: right; position: relative; padding-right: .94rem;}
header ul.nav > li > a{width: 1.14rem; display: block; float: left; font-size: .14rem; color: #333333; line-height: .5rem; transition: all 0.3s ease-in-out;text-align: center;}
header ul.nav li{width: auto; float: left; position: relative;}
header ul.nav > li.active > a,header ul.nav > li:hover > a{color:#ec6618;}

header .subnav{width: auto; display: none; position: absolute; top: .5rem; left: 50%; z-index: 10;}
header .subnav > a{width: .9rem; text-align: center; font-size: .14rem; color: #fff; line-height: .4rem; display: block; float: left;}
header ul.nav > li > a:hover .subnav{display: block;}
header .search{width: .42rem; position: absolute; right: 0; top: 0; float: left; height: .5rem; display: block;background: #fff; padding-top: .08rem; transition: all 0.3s ease-in-out;}
header .search.active{width: 8.5rem; position: absolute; right: 0; top: 0; }
header .search form{width:0; position: relative; float: left;transition: all 0.3s ease-in-out; display: block;overflow: hidden;}
header .search input{width: 4rem; display: block; line-height: .3rem;font-size: .14rem; color: #666; border: none; border-bottom: 0.02rem solid #cdcdcd; }
header .search .btn-close{width: .28rem; height: .28rem; background-image: url("../../images/injoy/search-close.png");background-repeat: no-repeat; display: none;float: left; margin-left: .5rem; cursor: pointer;transition: all 0.3s ease-in-out; margin-top: .02rem;}
header .search.active .btn-close{display: block;}
header .search.active form{display: block; width: 4rem;}
header .search .btn{width: .28rem; height: .28rem; float: left; background-image: url("../../images/injoy/search-btn.png"); background-repeat: no-repeat;background-size: 100%; margin-right: .14rem; margin-top: .02rem; cursor: pointer;}
header .header-layer{width: 100%; height: 0; background: #ec6618; display: block; position: absolute; left: 0; right: 0;top: .5rem; z-index: 2;background-repeat: no-repeat;}
header .header-layer.active{height: .4rem;}

/*************************footer****************************/
footer{width: 100%; display: block; padding-top: 1rem;}
footer .foot{width: 100%; padding-top: .48rem; padding-bottom: .5rem; border-bottom: .01rem solid #cdcdcd; border-top:.01rem solid #cdcdcd; }
footer .foot .item{display: block; float: left;}
footer .item-1{width: 3.1rem;}
footer .item-1 .logo{width: 1.93rem; height: .28rem; display: block; margin-bottom: .72rem;}
footer .item-1 span{width: 100%; padding-left: .2rem; position: relative; line-height: .14rem; font-size: .14rem; display: block; padding-top: .02rem; margin-bottom: .13rem;}
footer .item-1 span:before{content: ''; width: .15rem; height: .15rem; display: block; background: url("../../images/injoy/footer-icon-tel.png") no-repeat; position:absolute; left: 0; top: 0;}
footer .item-1 .tel{width: 100%; display: block; font-size: .18rem; color: #333; line-height: .18rem; font-weight: bold;}
footer .item-2{width: 1.55rem; display: block; padding-right: .5rem;padding-top: .13rem;}
footer .item-2 span{width: 100%; display: block; text-align: center; font-size: .12rem; line-height: .14rem; color: #666; margin-top: .14rem;}
footer dl.item-3{width: auto; margin-left: .6rem; display: inline-block; font-size: 0;}
footer dd{width: 1.35rem; float: left;}
footer dd h3{width: 100%; padding-top: .08rem; padding-bottom: .08rem; font-size: .16rem; line-height: .16rem; margin-bottom: .2rem; color: #333;}
footer dd a.link{width:100%; display: block; line-height: .28rem; font-size: .14rem; color: #666666;}
footer .copy{width: 100%; text-align: left; font-size: .14rem; padding-top: .2rem; padding-bottom: .2rem;}
footer .copy img{width: 1.39rem; height: .16rem; display: block;}
footer .copy a{color: #666666; display: inline-block;}
footer .copy a.img{margin-left: .15rem;margin-right: .15rem; padding-top: .02rem; float: left;}
footer .copy span{width: auto; display: block; float: left; color: #666;}

/*************************home****************************/
.home-banner .box{height: 6.45rem; background-position: center; background-size: cover;}
.home-banner .owl-dots{ width: 100%; bottom: .22rem; position: absolute;}
.home-banner .owl-dots .owl-dot span{width: .63rem; height: .03rem; background: #fff;}
.home-banner .owl-dots .owl-dot:hover span,.home-banner .owl-dots .owl-dot.active span{background: #666666;}
.home-s1{width: 100%; display: block;}
.home-s1-nav{width: 100%; display: block; padding-top: .8rem; padding-bottom: .8rem; text-align: center; font-size: 0;}
.home-s1-nav a{width: 3rem; height: .5rem; text-align: center; font-size: .2rem; line-height: .5rem; color: #000000; background: #f5f5f5; margin-left: .02rem; margin-right: .02rem; display: inline-block; transition: all 0.3s ease-in-out;}
.home-s1-nav a:hover{background: #ec6618; color: #fff;}
.home-s1-banner{position: relative;}
.home-s1-banner .owl-item{background: rgba(0,0,0,.3)}
.home-s1-banner .owl-nav [class*=owl-]{width: 3.6rem; display: block; background: rgba(0,0,0,.3)!important; position: absolute;top: 0; bottom: 0;border: 0!important; margin: 0!important; border-radius: 0!important;}
.home-s1-banner .owl-nav{margin-top: 0;}
.home-s1-banner .owl-nav button.owl-prev{left: 0;}
.home-s1-banner .owl-nav button span{width: .58rem; height: .58rem; display: block; background-size: 100%; background-repeat: no-repeat; text-indent: -1rem; overflow: hidden;}
.home-s1-banner .owl-nav button.owl-prev span{background: url("../img/prev.png"); margin-left: 2.42rem;}
.home-s1-banner .owl-nav button.owl-next{right: 0;}
.home-s1-banner .owl-nav button.owl-next span{background: url("../img/next.png"); margin-left:.6rem;}
.home-s2{width: 100%; display: block; background: #f5f5f5; padding-bottom: 1.26rem;}
.home-s2 .block-title{padding-top: .96rem; padding-bottom: .56rem;}
.home-s2-content{width: 100%; display: block;}
.home-s2-content .block-left{width:8.35rem; height: 5.14rem; margin-right: .1rem; float: left;overflow: hidden; position: relative;}
.home-s2-content .block-left .item{ visibility: hidden; opacity: 0; float: left; display: block;visibility: hidden; transition: all 0.3s ease-in-out; position: absolute; top: 0; left: 0; right: 0;}
.home-s2-content .block-left .item img{transition: all 0.3s ease-in-out;}
.home-s2-content .block-left .item:hover{opacity: 1; visibility: visible;}
.home-s2-content .block-left .item:hover img{transform:scale(1.02);}
.home-s2-content .block-left .item.active{ visibility: visible; opacity: 1; display: block;}
.home-s2-content .block-right{width:3.55rem; float: left; overflow: hidden;}
.home-s2-content .block-right dl{width: 100%; padding-top: .50rem; margin-top: .1rem; padding-bottom: .49rem; background: #fff; cursor: pointer; position: relative; transition: all 0.3s ease-in-out;}
.home-s2-content .block-right dt{width: 1.24rem; display: block; float: left; padding-right: .13rem;}
.home-s2-content .block-right dt .icon{width: .65rem; height: .65rem; float: right; background-image: url("../../images/injoy/home-s2-icon.png"); background-repeat: no-repeat; background-position: 0 0;transition: all 0.3s ease-in-out;}
.home-s2-content .block-right dl.item-1 .icon{background-position: 0 0; }
.home-s2-content .block-right dl.item-2 .icon{background-position: 0 -.65rem;}
.home-s2-content .block-right dl.item-3 .icon{background-position: 0 -1.3rem;}
.home-s2-content .block-right dl:first-child{margin-top: 0;}
.home-s2-content .block-right dd{width: 2.31rem; display: block; float: left; padding-top: .13rem;}
.home-s2-content .block-right h3{width: 100%; display: block; font-size: .16rem; line-height: .16rem; margin-bottom: .1rem; color: #333; transition: all 0.3s ease-in-out;}
.home-s2-content .block-right span{width: 100%; display: block; font-size: .16rem; line-height: .16rem; color: #666;transition: all 0.3s ease-in-out; }
.home-s2-content .block-right dl.active,.home-s2-content .block-right dl:hover{background: #ec6618}
.home-s2-content .block-right dl.active .icon,.home-s2-content .block-right dl:hover .icon{background-position-x: -.85rem;}
.home-s2-content .block-right dl.active h3,.home-s2-content .block-right dl:hover h3{color: #fff;}
.home-s2-content .block-right dl.active span,.home-s2-content .block-right dl:hover span{color: #fff;}
.home-s2-content .block-right dl:after{content: ''; width: 90%; height: .02rem; left: 5%; bottom: .2rem; background: #ec6618; position: absolute;transition: all 0.3s ease-in-out;}
.home-s2-content .block-right dl.active:after,.home-s2-content .block-right dl:hover:after{left: 50%; width: 0;}
.home-s3{width: 100%; display: block; background: url("../../images/injoy/home-s3-bg.jpg"); padding-top: .96rem; padding-bottom: 1.4rem;}
.home-s3 .block-title{padding-bottom: .54rem;}
.home-s3-content{width: 100%; display: block;}
.home-s3-content .item{width:2.85rem; height: 3rem; display: inline-table; margin-right: .2rem; float: left; font-size: 0; text-align: center; padding-top: .43rem; background: #fff;transition: all 0.3s ease-in-out;}
.home-s3-content .item:hover{background: #ec6618; transform: translateY(-.1rem)}
.home-s3-content .item:last-child{margin-right: 0;}
.home-s3-content .item .icon{width: 1rem; height: 1rem; display: inline-block; background: url("../../images/injoy/home-s3-icon.png") no-repeat; transition: all 0.3s ease-in-out;}
.home-s3-content .item:nth-child(1) .icon{ -ms-background-position-y: 0;background-position-y: 0;}
.home-s3-content .item:nth-child(2) .icon{ -ms-background-position-y: -1rem;background-position-y: -1rem;}
.home-s3-content .item:nth-child(3) .icon{ -ms-background-position-y: -2rem;background-position-y: -2rem;}
.home-s3-content .item:nth-child(4) .icon{ -ms-background-position-y: -3rem;background-position-y: -3rem;}
.home-s3-content .item:hover .icon{-ms-background-position-x: -1.2rem;background-position-x: -1.2rem;}
.home-s3-content h3{width: 100%; display: block; font-size: .18rem; line-height: .18rem; margin-top: .53rem; color: #333;}
.home-s3-content p{width: 100%; display: block; font-size: .12rem; line-height: .24rem; margin-top: .2rem; text-align: center; color: #666;}
.home-s3-content h3,.home-s3-content p{transition: all 0.3s ease-in-out;}
.home-s3-content .item:hover h3,.home-s3-content .item:hover p{color: #fff;}
.home-s4{width: 100%; display: block; background: #fff; padding-bottom: 1.25rem;}
.home-s4 .block-title{padding-top: .98rem; padding-bottom: .58rem;}
.home-s4-content{width: 100%; display: block; overflow: hidden;}
.home-s4-content .block-left{width: 5.32rem; height: 5.36rem; float: left; background: #f5f5f5; position: relative;}
.home-s4-content .block-left .imgbox{width: 100%; height: 3.19rem; display: block; overflow: hidden;}
.home-s4-content .block-left .imgbox img{height: 100%; display: block; margin: auto;}
.home-s4-content .block-left .txtbox{box-shadow: .02rem .06rem .08rem rgba(0,0,0,.15); transition: all 0.5s ease-in-out; position: relative;}
.home-s4-content .block-left .txtbox:after{content: ''; width: 0; height: .02rem; right: 0; position: absolute; background: #333; bottom: 0; transition: all 0.5s ease-in-out;}
.home-s4-content .block-left .txtbox:before{content: ''; width: 0; height: .02rem; left: 0; position: absolute; background: #ec6618; bottom: 0; transition: all 0.5s ease-in-out;}
.home-s4-content .block-left .txtbox:hover{transform: translateY(-.2rem)}
.home-s4-content .block-left .txtbox:hover:before{width: 14%;}
.home-s4-content .block-left .txtbox:hover:after{width: 85%;}
.home-s4-content h3{width: 100%; display: block; font-size: .16rem; line-height: .16rem; color: #333333; padding-bottom: .17rem; border-bottom: .02rem solid #f7f7f7;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.3s ease-in-out; position: relative;}
.home-s4-content h3:after{content: ''; width: 0; height: .01rem; left: 0; position: absolute; background: #ec6618; bottom: 0; transition: all 0.5s ease-in-out;}
.home-s4-content p{width: 100%; display: block; font-size: .14rem; line-height: .24rem; padding-bottom: .17rem; color: #666; height: .68rem; text-align: justify; text-justify: inter-ideograph;padding-top: .14rem;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.home-s4-content span{width: 100%; display: block; font-size: .14rem; color: #666;}
.home-s4-content .txtbox{width: 4.5rem; margin:-.5rem auto; background: #fff; box-shadow: .02rem .06rem .08rem rgba(0,0,0,.15); padding-top: .48rem; padding-left: .4rem; padding-right: .4rem; z-index: 1; position: relative; padding-bottom: .5rem;}
.home-s4-content .block-right{width: 6.68rem; display: block; float: left; padding-left: .3rem;}
.home-s4-content .item{width: 100%;  display: block; margin-bottom: .32rem; background: #f5f5f5; position: relative;}
.home-s4-content .item:last-child{margin-bottom: 0;}
.home-s4-content dl{width: 100%; display: block; padding-top: .36rem; padding-bottom: .36rem; position: relative;}
.home-s4-content dt{width: 1.02rem; height: 1.16rem; display: block; background: #ec6618; font-size: .16rem; color: #fff; line-height: .16rem; text-align: center; padding-top: .32rem; margin-left: .32rem;margin-top: .32rem; float: left;}
.home-s4-content dd{width: 4.63rem; height: 1.8rem; display: block; background: #fff; float: left; padding:.44rem .5rem; position: relative; transition: all 0.3s ease-in-out;}
.home-s4-content .day{width: 100%; display: block; font-size: .36rem; line-height: .36rem;}
.home-s4-content .item  dd:after{content: ''; width: 0; height: .02rem; right: 0; position: absolute; background: #333; bottom: 0; transition: all 0.5s ease-in-out;}
.home-s4-content .item  dd:before{content: ''; width: 0; height: .02rem; left: 0; position: absolute; background: #ec6618; bottom: 0; transition: all 0.5s ease-in-out;}
.home-s4-content .item:hover dd:before{width: 14%;}
.home-s4-content .item:hover dd:after{width: 85%;}
.home-s4-content .item:hover dd{transform: translateX(-.1rem);box-shadow: .02rem .06rem .08rem rgba(0,0,0,.15);}
.home-s5{width: 100%; display: block;background: #f5f5f5; padding-bottom: 1.25rem;}
.home-s5 .block-title{padding-top: .98rem; padding-bottom: .58rem;}
.home-s5-content{width: 100%; display: block; }
.home-s5-content .item{width: 3.8rem; height: 3.9rem; float: left; overflow: hidden; cursor: pointer;}
.home-s5-content .item img{transition: all 0.3s ease-in-out;}
.home-s5-content .item h3{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #333333;}
.home-s5-content .item h3 em{width: auto; display: inline-block; font-size: .14rem; line-height: .14rem; color: #666; text-transform: uppercase; margin-left: .08rem;}
.home-s5-content .item p{width: 100%; display: block; font-size: .14rem; line-height: .28rem; color: #666; margin-top: .24rem; text-align: justify; text-justify: inter-ideograph;}
.home-s5-content .item:hover img{transform: scale(1.02)}
.home-s5-content .item-1{width: 4.2rem; padding: 1rem .58rem; background: #fff;}
.home-s5-content .item-box{width: 2rem; height: 1.95rem;}
.home-s5-content .item-txt{padding-top: .78rem; text-align: center;}
.home-s5-content .item-txt h3{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333;}
.home-s5-content .item-txt span{width: 100%; display: block; font-size: .14rem; line-height: .14rem; margin-top: .14rem; text-transform: uppercase; color: #666666}
.home-s5-content .item-3{background: #ec6618;}
.home-s5-content .item-3 h3,.home-s5-content .item-3 span{color: #fff;}
.home-s5-content .item-6{background: #fff;}
.home-s6{width: 100%; display: block; padding-top: .96rem; background: #fff; }
.home-s6 .imgbox{width: 100%; display: block; position:relative; overflow: hidden; cursor: pointer;}
.home-s6 .imgbox img{transition: all 0.3s ease-in-out;}
.home-s6 .imgbox:hover img{transform: scale(1.02)}
.home-s6 .imgbox .btn{width:.9rem; height: .9rem; display: block; background: url("../../images/injoy/home-s6-btn.png") no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -.45rem; margin-top:-.45rem}
.home-s6-video{width: 10rem;height: 6rem; position: absolute; left: 50%; top: 50%; margin-left: -5rem; margin-top: -3rem;}
.home-s6-video iframe{width: 100%; height: 100%;}
.home-s6-video .btn-close{width: .4rem; height: .4rem;display: block; background: url("../../images/injoy/close-white.png"); position: absolute; top: -.6rem; right:0; cursor: pointer;}
.bg{width: 100%; display: block; background-size: cover;background-position: center; background-repeat: no-repeat;}

/*************************public****************************/
.page-banner{width: 100%; height: 4.08rem; display: block;}
.page-nav{width: 100%; display: block; font-size: 0; background: #fff; text-align: center; box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.1);}
.page-nav > ul.container > li{text-align: center; display: inline-block; font-size:0;}
.page-nav > ul.container > li > a{width: auto; padding-left: .3rem; padding-right: .3rem; font-size: .16rem; line-height: .65rem; display: block; color: #333333; position: relative;}
.page-nav > ul.container > li > a:before{content:''; width: 0; height: .04rem; display: block; position: absolute; left: 50%; background: #ec6618; bottom: 0;}
.page-nav > ul.container > li.active > a:before{width:100%; left: 0;}
.section-title{width: 100%; display: block; text-align: center; padding-left: 13%; padding-right: 13%;}
.section-title h2{width: 100%; display: block; font-size: .4rem; line-height: .4rem; font-weight: bold; color: #333333;}
.section-title h4{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #333333; margin-top: .15rem; text-transform: uppercase;}
.section-title p{width: 100%; display: block; font-size: .18rem; line-height: .36rem; color: #666; margin-top: .35rem;}
/*************************about****************************/
.about-banner{background-image: url("../../images/injoy/about-banner.jpg");}
.brand-s1{width: 100%; display: block; background: url("../../images/injoy/brand-s1-1.jpg") no-repeat center /cover; padding-top: 1rem; padding-bottom: 1rem;}
.brand-s1-content{width: 100%; display: block; background: #fff; padding-top: .6rem; padding-bottom: .74rem;}
.brand-s1-content .row{width: 100%; display: block; margin-top: .7rem; text-align: center; font-size: 0;}
.brand-s1-content .item{width:2.2rem; display: inline-block; height: 1.9rem; border: .01rem solid #cdcdcd; padding-top: .48rem; margin-left: .05rem; margin-right: .05rem; border-radius: .07rem;}
.brand-s1-content .item h3{width: 100%; display: block; text-align: center; line-height: .24rem; font-size: .24rem; color: #ec6618;}
.brand-s1-content .item p{width: 100%; display: block; text-align: center; line-height: .24rem; font-size: .14rem; color: #666666; margin-top: .2rem;}
.brand-s2{width: 100%; display: block; background: #fff; padding-top: 1rem; padding-bottom: 1rem;}
.brand-s2 .section-title h4{font-size: .18rem;line-height: .18rem; margin-top: .42rem; }
.brand-s2 .section-title p{margin-top: .1rem;}
.brand-s2-content{width: 100%; display: block;}
.brand-s2-content .row{margin-top: .7rem;}
.brand-s2-content .item{width: 50%; display: block; float: left; overflow: hidden;}
.brand-s2-content .item img{transition: all 0.3s ease-in-out;}
.brand-s2-content .item img:hover{transform: scale(1.02)}
.brand-s2-content .item-txt{padding-top: .7rem; text-align: center; border: .01rem solid #cdcdcd; padding-bottom: .6rem;}
.brand-s2-content .item-txt h4{width: 100%; display: block; font-size: .6rem; line-height: .6rem; color: #ec6618;}
.brand-s2-content .item-txt p{width: 100%; display: block; font-size: .18rem; line-height: .36rem; color: #333; margin-top: .28rem}
.brand-s3{width: 100%; height: 7.94rem; display: block; background: url("../../images/injoy/brand-s3-1.jpg") no-repeat center /cover; padding-top: 1rem; padding-bottom: 1rem;}
.brand-s4{width: 100%; display: block; background: #f5f5f5; padding-top: 1rem; padding-bottom: .28rem;}
.brand-s4 .imgbox{width: 6.25rem; height: 4.74rem; margin: .5rem auto; display: block;}
.brand-s5{width: 100%; display: block; background: #fff; padding-top: 1rem; padding-bottom: 1rem;}
.brand-s5 .imgbox{width: 100%; display: block; padding-left: 4%; padding-right: 4%; margin-top: .96rem;}
.brand-s6{width: 100%; display: block; background: #f5f5f5; padding-top: 1rem; padding-bottom: 1rem;}
.brand-s6-slider{width: 100%; display: block; height: 3.52rem; padding: .45rem .5rem .45rem; background: #fff; margin-top: .8rem; position: relative;}
.brand-s6-slider-block .owl-nav{width: 120%; display: block; top: 50%; margin-top: -.22rem; position: absolute; left: -10%;}
.brand-s6-slider-block .owl-nav button{position: absolute;}
.brand-s6-slider-block .owl-nav button.owl-prev{left: 0;}
.brand-s6-slider-block .owl-nav button span{width: .22rem; height: .43rem; display: block; background-size: 100%; background-repeat: no-repeat; text-indent: -1rem; overflow: hidden;}
.brand-s6-slider-block .owl-nav button.owl-prev span{background: url("../../images/injoy/prev-1.png");}
.brand-s6-slider-block .owl-nav button.owl-next{right: 0;}
.brand-s6-slider-block .owl-nav button.owl-next span{background: url("../../images/injoy/next-1.png");}
.brand-s6-slider-block .owl-nav button:hover{background-color: unset!important;}
.brand-s6-slider-block{width: 100%; display: block;}
.brand-s6 .container{overflow: visible;}
.company-s1{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.company-s1 .item{width: 50%; display: block; float: left; overflow: hidden;}
.company-s1 .item img{transition: all 0.3s ease-in-out;}
.company-s1 .item img:hover{transform: scale(1.02)}
.company-s1 .item-txt{height:5rem;padding-left: .5rem; padding-right: .5rem; padding-top: 1rem; background: #fff;}
.company-s1 .item-txt label{width: 100%; display: block; font-size: .24rem; font-weight: bold; color: #ec6618; line-height: .24rem; }
.company-s1 .item-txt h4{width: 100%; display: block; font-size: .24rem; color: #333; line-height: .24rem; margin-top: .13rem;}
.company-s1 .item-txt p{width: 100%; display: block; font-size: .14rem; color: #666; line-height: .24rem; margin-top: .45rem;}
.company-s1 .row{margin-top: .25rem;}
.company-s2{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background:url("../../images/injoy/company-s2-1.jpg") no-repeat center /cover;}
.company-s2-block{width: 100%; display: block; padding: 1rem .5rem .77rem; background: #fff;}
.company-s2-block .row{margin-top: .8rem; border-bottom: .02rem solid #ec6618; padding-bottom: .53rem; text-align: center; font-size: 0;}
.company-s2-block span{width: 1.4rem; height: 1.4rem; border-radius: .7rem; border: .02rem solid #cdcdcd; display: inline-block; margin-left: .22rem; margin-right: .22rem;  padding-top:.47rem; line-height: .24rem; font-size: .14rem; color: #333333; font-weight: bold;}
.company-s3{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #fff;}
.company-s3 .row{width: 100%; display: block; margin-top: .7rem; text-align: center; font-size: 0;}
.company-s3 .item{width:2.2rem; display:block; float: left; margin-left: .25rem; height: 2rem; border: .01rem solid #cdcdcd; padding-top: .48rem;}
.company-s3 .item:first-child{margin-left: 0;}
.company-s3 .item h3{width: 100%; display: block; text-align: center; line-height: .24rem; font-size: .24rem; color: #ec6618;}
.company-s3 .item p{width: 100%; display: block; text-align: center; line-height: .24rem; font-size: .14rem; color: #666666; margin-top: .2rem;}
.company-s4{width: 100%; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.company-s4 .row{margin-top: .5rem;}
.company-s4 .row > .item{width: 50%; display: block; float: left;}
.company-s4 .item-txt{background: #fff; padding-top: 1.14rem; padding-left: .7rem; height: 5rem;}
.company-s4 .item-txt h3{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; font-weight: bold;}
.company-s4 .item-txt h4{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; margin-top: .18rem;}
.company-s4 dl{width: 100%; display: block; margin-top: .5rem;}
.company-s4 dd{width: 50%; display: block; float: left; font-size: .14rem; line-height: .14rem; margin-bottom: .25rem;}
.company-s4 dd em{color: #ec6618; width: .25rem; display: inline-block;}
.company-s4-slider{width: 100%; display: block;}
.company-s4-slider img{width: 100%; display: block;}
.st-s1{width: 100%; display:block; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.st-s1 .row{width: 100%; display: block; margin-top: .44rem;}
.st-s1 .item{width: 25%; display: block; float: left; overflow: hidden;}
.st-s1 .item img{transition: all 0.3s ease-in-out;}
.st-s1 .item img:hover{transform: scale(1.02)}
.st-s1 .item-txt{height: 3rem; background: #fff; display: block; float: left; padding:.9rem .3rem .4rem .48rem; text-align: left;}
.st-s1 .item-txt h4{width: 100%; display: block; font-size: .24rem;line-height: .24rem; color: #666; font-weight: bold; }
.st-s1 .item-txt p{width: 100%; display: block; font-size: .12rem; line-height: .24rem; color: #999; margin-top: .24rem;}
.st-s2{width: 100%; height: 6.62rem; display: block; background: url("../../images/injoy/st-s2-1.jpg") no-repeat center /cover; padding-top: 1rem; padding-bottom: 1rem;}
.st-s2-content{width: 100%; display: block; background: #fff; padding-top: .8rem; padding-bottom: .96rem;}
.st-s2-content .row{text-align: center; font-size: 0; margin-top: .74rem; padding-left: .94rem;}
.st-s2-content dl{width: 2.65rem; display: inline-block;}
.st-s2-content dl h4{width: 100%; display: block; font-size: .18rem; color: #333; line-height: .18rem; font-weight: bold; padding-top: .01rem;}
.st-s2-content dl p{width: 100%; display: block; font-size: .18rem; color: #333; line-height: .18rem; margin-top: .1rem;}
.st-s2-content dt{width:.64rem; display: block; float: left;}
.st-s2-content dt img{width: .48rem; height: .48rem; display: block; transition: all .8s ease-in-out;}
.st-s2-content dd{width:2rem; display: block; float: left; text-align: left;}
.st-s2-content dl:hover img{transform: rotate(360deg)}
.st-s3{width: 100%; display: block; background: #fff; padding-top: 1rem;}
.st-s3 .item{width: calc(33.3333334% - .02rem); display: block; float: left; margin-left: .03rem; cursor: pointer;}
.st-s3 .item .img{width: 100%; display: block; overflow: hidden;}
.st-s3 .item img{transition: all 0.3s ease-in-out;}
.st-s3 .item:hover img{transform: scale(1.02);}
.st-s3 .item:first-child{margin-left: 0;}
.st-s3 .item h3{width: 100%; display: block; font-size: .18rem; line-height: .5rem; color: #fff; background: #ec6618; text-align: center;}

/*************************coop****************************/
.coop-banner{background-image: url("../../images/injoy/coop-banner.jpg");}
.plan-s1{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.plan-s1 .row{text-align: center; font-size: 0; margin-top: .84rem;}
.plan-s1 .row span{width: 1.4rem; height: 1.4rem; border-radius: .7rem; background: #fff; display: inline-block; margin-left: .25rem; margin-right: .25rem; padding-top: .37rem;}
.plan-s1 .row h4{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; margin-bottom: .1rem; font-weight: bold;}
.plan-s1 .row p{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; margin-bottom: .21rem;}
.plan-s1 .row em{width: .25rem; height: .02rem; background: #ec6618; display: inline-block;}
.plan-s2{width: 100%; height: 7.52rem; display: block; background: url("../../images/injoy/plan-s2-1.jpg") no-repeat center /cover; padding-top: 1rem; padding-bottom: 1rem;}
.plan-s2-content{width: 100%; display: block; background: #fff; padding-top: .7rem; padding-bottom: .78rem;}
.plan-s2-content .row{text-align: center; font-size: 0; margin-top: .77rem;}
.plan-s2-content span{width: 1.7rem; display: inline-block;}
.plan-s2-content span .icon{width: .69rem; height: .69rem; display: inline-block; margin-bottom: .18rem;transition: all 0.8s ease-in-out;}
.plan-s2-content span:hover .icon{transform: rotate(360deg)}
.plan-s2-content span p{width: 100%; display: block; text-align: center; font-size: .14rem; line-height: .24rem; color: #333;}
.plan-s3{width: 100%; display: block; background: #ffffff; padding-top: 1rem; padding-bottom: 1rem;}
.plan-s3-slider{width: 8rem; display: block; margin:.75rem auto; position: relative;}
.plan-s3-slider .owl-nav{width: 120%; display: block; top: 50%; margin-top: -.22rem; position: absolute; left: -10%;}
.plan-s3-slider .owl-nav button{position: absolute;}
.plan-s3-slider .owl-nav button.owl-prev{left: 0;}
.plan-s3-slider .owl-nav button span{width: .22rem; height: .43rem; display: block; background-size: 100%; background-repeat: no-repeat; text-indent: -1rem; overflow: hidden;}
.plan-s3-slider .owl-nav button.owl-prev span{background: url("../../images/injoy/prev-1.png");}
.plan-s3-slider .owl-nav button.owl-next{right: 0;}
.plan-s3-slider .owl-nav button.owl-next span{background: url("../../images/injoy/next-1.png");}
.plan-s3-slider .owl-nav button:hover{background-color: unset!important;}
.plan-s4{width: 100%; display: block; background: #f5f5f5; padding-top: 1rem; padding-bottom: 1rem;}
.plan-s4 .row{margin-top: .35rem;}
.plan-s4 .item{width: calc(33.333334% - .05rem); display:block; overflow: hidden; margin-left: .07rem; float: left;}
.plan-s4 .item img{transition: all 0.3s ease-in-out;}
.plan-s4 .item:hover img{transform: scale(1.02)}
.plan-s4 .item:first-child{margin-left: 0;}
.coop-s1{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.coop-s1-content{width: 100%; display: block; margin-top: .85rem;}
.coop-s1-content .row{text-align: center; font-size: 0; padding-left: .5rem; padding-right: .5rem; margin-bottom: .65rem;}
.coop-s1-content .item{width: 1.6rem; height: 1.6rem; background: #fff; border-radius: .8rem; padding-top: .56rem; text-align: center; display: block; float: left; transition: all 0.3s ease-in-out;}
.coop-s1-content .item:hover{transform: translateY(-.1rem); box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.1)}
.coop-s1-content .item h4{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #333; font-weight: bold;}
.coop-s1-content .item p{width: 100%; display: block; font-size: .14rem; line-height: .14rem; color: #333; margin-top: .15rem; text-transform: uppercase;}
.coop-s1-content .chip{width: .75rem; height: 1.6rem; display: block; float: left; position: relative;}
.coop-s1-content .chip:before{content: ''; width: .13rem; height: .24rem; position: absolute; left: 50%; top: 50%; margin-left: -.06rem; margin-top: -.14rem; background: url("../../images/injoy/coop-s1-icon.png") no-repeat;}
.coop-s1-content .imgbox{width: 6rem; height: 2.15rem; display: block; margin: auto;}
.coop-s2{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #fff;}
.coop-s2-content{width: 100%; display: block; position: relative;}
.coop-s2-content .item{width: calc(33.333334% - .04rem); display: block; position: relative; float: left; overflow: hidden; margin-bottom: .06rem; margin-right: .06rem;}
.coop-s2-content .item img {transition: all 0.3s ease-in-out;}
.coop-s2-content .item h4{width: 100%; display: block; font-size: .24rem; line-height: .24rem; font-weight: bold; color: #fff;}
.coop-s2-content .item p{width: 100%; display: block; font-size: .18rem; line-height: .18rem; text-transform: uppercase; color: #fff; margin-top: .18rem;}
.coop-s2-content .item-middle{height:3rem;background: #fff; padding-top: 1.08rem; text-align: center;}
.coop-s2-content .item-middle h4{font-size: .4rem; line-height: .4rem; color: #333;}
.coop-s2-content .item-middle p{font-size: .24rem; line-height: .24rem; color: #333; margin-top: .17rem;}
.coop-s2-content .item .box{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; padding-top: 1.22rem; text-align: center;transition: all 0.3s ease-in-out;}
.coop-s2-content .item:hover img{transform: scale(1.02)}
.coop-s2-content .item:hover .box{transform: translateY(-.1rem)}
.coop-s2-content .item:nth-child(3n){ margin-right: 0;}
.coop-s2-content-1{width: 100%; display: block; text-align: center; padding-top: .74rem;}
.coop-s2-content-1 h4{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #ec6618;}
.coop-s2-content-1 p{width: 100%; display: block; font-size: .18rem; line-height: .36rem; color: #666; margin-top: .3rem; padding-left: 13%; padding-right: 13%; margin-bottom: .52rem;}
.coop-s2-content-1 .item{width: 25%; display: block; float: left; margin-bottom: .06rem;}
.coop-s2-content-1 .item img{width: 2.45rem; height: 1.2rem; display: block; margin: auto;}
.coop-s3{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.coop-s3 .row{padding-top: .7rem;}
.coop-s3 span{width: 1.8rem; height: 1.8rem; float: left; margin-left: .24rem; background: #fff; padding-top: .47rem; text-align: center; font-size: 0;transition: all 0.3s ease-in-out;}
.coop-s3 span:first-child{margin-left: 0;}
.coop-s3 span:hover{transform: translateY(-.1rem); box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.1)}
.coop-s3 span .p1{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; margin-bottom: .1rem;}
.coop-s3 span .p2{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; margin-bottom: .21rem;}
.coop-s3 span em{width: .25rem; height: .02rem; background: #ec6618; display: inline-block;}
.join-s1{width: 100%; display: block; background: #f5f5f5; padding-top: 1rem; padding-bottom: 1rem;}
.join-s1 .row{padding-top: .7rem;}
.join-s1 .item{width: 2.3rem; height: 2.8rem; border-radius: .06rem; background: #fff; padding: .48rem .27rem; margin-left: .12rem; text-align: left; display: block; float: left; transition: all 0.3s ease-in-out; font-size: 0; position: relative; overflow: hidden;}
.join-s1 .item:first-child{margin-left: 0;}
.join-s1 .item:hover{transform: translateY(-.1rem); box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.1)}
.join-s1 .item h4{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; font-weight: bold;}
.join-s1 .item p{width: 100%; display: block; font-size: .14rem; line-height: .24rem; color: #333; margin-top: .3rem; text-align: justify; text-justify: inter-ideograph;}
.join-s1 .item em{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #ec6618; margin-top: .4rem; position: absolute; bottom: .16rem; left: .27rem;}
.join-s2{width: 100%; display: block; background: #ec6618; padding-top: 1rem; padding-bottom: 1rem;}
.join-s2 .section-title h2,.join-s2 .section-title h4,.join-s2 .section-title p{color: #fff;}
.join-s2 span{width: 25%; display: block; float: left; padding-left: .2rem; color: #fff; margin-top: .8rem; text-align: center;}
.join-s2 span h4{width: 100%; font-size: .24rem; line-height: .24rem; font-weight: bold;}
.join-s2 span p{width: 100%; font-size: .14rem; line-height: .14rem; margin-top: .2rem;}
.join-s3{width: 100%; height: 7.52rem; display: block; background: url("../../images/injoy/join-s3-1.jpg") no-repeat center /cover; padding-top: 1rem; padding-bottom: 1rem;}
.join-s3-content{width: 100%; display: block; background: rgba(255,255,255,0.9); padding-top: .77rem; padding-left: .9rem; padding-right: .9rem; padding-bottom: .67rem;}
.join-s3-content .block{width: 100%; display: block; border-top: .02rem solid #ec6618; margin-top: .36rem; padding-left: .06rem; padding-right: .06rem;}
.join-s3-content span{width: 2.22rem; height: .55rem; background: #fff; font-size: .18rem; display: block; float: left; margin-top: .5rem; line-height: .55rem; color: #333; padding-left: .13rem; margin-right: .4rem; transition: all 0.3s ease-in-out;}
.join-s3-content span:nth-child(4n){margin-right: 0;}
.join-s3-content span:hover{background: #ec6618; color: #fff;}
.join-s4{width: 100%; display: block; background: #fff; padding-top: 1rem;}
.join-s4-content{width:100%; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: .45rem;}
.join-s4 .box{position: relative; margin-bottom: .15rem;}
.join-s4 .box-w50{width: calc(50% - .1rem);}
.join-s4 .box i{width: .24rem; height: .24rem; position: absolute; top: .16rem; bottom: .15rem; right: .16rem; left: auto; background-size: 100%; background-position: center; background-repeat: no-repeat;}
.join-s4 .box i.icon-1{background-image: url("../../images/injoy/join-s4-icon-1.png");}
.join-s4 .box i.icon-2{background-image: url("../../images/injoy/join-s4-icon-2.png");}
.join-s4 .box i.icon-3{background-image: url("../../images/injoy/join-s4-icon-3.png");}
.join-s4 .box i.icon-4{background-image: url("../../images/injoy/join-s4-icon-4.png");}
.join-s4 .box input[type=text]{width: 100%; display: block; font-size: .14rem; line-height: .55rem; padding-left: .2rem; background: #f5f5f5; border: 0; color: #333;}
.join-s4 .box textarea{width: 100%; display: block; font-size: .14rem; line-height: .28rem; padding-left: .2rem; min-height: 2.44rem; padding-top: .15rem; padding-bottom: .15rem; padding-right: .2rem;background: #f5f5f5; border: 0;color: #333;}
.join-s4 input[type=submit]{width: 2.1rem; height: .65rem; background: #ec6618; font-size: .24rem; line-height: .65rem; font-weight: bold; color: #fff; margin:.45rem auto 0; display: block; border: 0;}
/*************************contact****************************/
.contact-banner{background-image: url("../../images/injoy/contact-banner.jpg");}
.contact-s1{width: 100%; display: block;background: #f5f5f5; padding-top: 1rem; padding-bottom: 1rem;}
.contact-s1-content{width: 100%; display: block; background: #fff; padding:.5rem;}
.contact-s1-content h3{width: 100%; font-size: .24rem; line-height: .24rem; color: #333; margin-bottom: .35rem;}
.contact-s1-content p{width: 100%; font-size: .14rem; line-height: .34rem; color: #333;}
.contact-s1-content .item{width: 50%; display: block; float: left;}
.contact-s1-content .item-left{padding-right: .5rem;}
.contact-s1-content .box{width: 100%; display: block; border-top: .01rem solid #cdcdcd; margin-top: .4rem; font-size: .14rem; line-height: .3rem; color: #666666; padding-top: .47rem;}
.job-s1{width: 100%; display: block;background: #f5f5f5; padding-top: 1rem; padding-bottom: .8rem;}
.job-s1 .item{width: 50%; display: block; float: left; padding-left: .15rem; padding-right: .15rem; margin-bottom: .2rem;}
.job-s1 .item .box{width: 100%;height:3.8rem;display: block; background: #fff; padding:.5rem .35rem 0; text-align: left; position: relative; transition: all 0.3s ease-in-out;}
.job-s1 .item .box:hover{transform: translateY(-.1rem); box-shadow:0.02rem 0.02rem 0.08rem rgba(0,0,0,.1) }
.job-s1 .item h3{width: 100%; display: block; font-size: .24rem;line-height: .24rem; padding-bottom: .22rem; color: #333; border-bottom: .02rem solid #ec6618;}
.job-s1 .item .p{width: 100%; display: block; font-size: .12rem;line-height: .24rem; color: #666; padding-top: .2rem; max-height: 2.14rem; overflow: hidden;}
.job-s1 .item .p div{font-size: .12rem; line-height: .24rem;}
.job-s1 .item .more{width: 100%; display: block; font-size: .14rem; line-height: .14rem; position: absolute; bottom: .32rem; padding-left: .24rem; color: #ec6618;}
.job-s1 .item .more:before{content: ''; width:.15rem; height: .09rem; background:url("../../images/injoy/job-s1-icon.png") no-repeat center; background-size: 100%; position: absolute; left: 0; top: .02rem; transition: all 0.3s ease-in-out;}
.job-s1 .item .more:hover:before{left: .05rem;}
/*************************product****************************/
.product-banner{background-image: url("../../images/injoy/product-banner.jpg");}
.product-main{width: 100%; display: block; background: #f5f5f5; padding-bottom: 1.2rem;}
.product-main .item{width: 3.8rem; float: left; margin-right: .3rem; background: #fff; transition: all 0.3s ease-in-out; margin-bottom: .45rem; cursor: pointer;}
.product-main .item .img{width: 100%; height: 2.56rem; display: block;text-align: center; font-size: 0; overflow: hidden;}
.product-main .item img{width:auto; height: 100%; display: inline-block;}
.product-main .item span{width: 100%; display: block; background: #fff; height: .44rem; position: relative; display: block; line-height: .44rem; font-size: .14rem; color: #333; padding-left: .15rem;}
.product-main .item span:before{content: ''; width: .2rem; height: .2rem; display: block; background: url("../../images/injoy/product-icon-1.png") no-repeat; background-size: 100%; transition: all 0.3s ease-in-out; position: absolute; top: .11rem; right: .19rem;}
.product-main .item:hover{transform: translateY(-.1rem); box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.2)}
.product-main .item:nth-child(3n){margin-right: 0;}
.product-main .item:hover span:before{transform: rotate(360deg)}
.product-main .container{padding-top: 1.2rem;}
.product-list{width: 100%; display: block; margin-top: .65rem;}
.pager{width: 100%; display: block; font-size: .14rem; line-height: .46rem;}
.pager > span{width: .46rem; height: .46rem; background: #ec6618;font-size: .14rem; line-height: .46rem; color: #fff; display: inline-block; text-align: center; margin-right: .1rem;}
.pager > a{width: .46rem; height: .46rem; background: #fff;font-size: .14rem; line-height: .46rem; margin-right: .1rem; text-align: center; color: #333; display: inline-block;}
.pager > a.prev,.pager > a.next{width: .8rem; height: .46rem; background: #fff; text-align: center; font-size: .14rem; line-height: .46rem; color: #333333; display: block; float: left;}
.pager > a.a1{width: auto; padding-left: .15rem; padding-right: .15rem;}
.product-container{position: relative;}
.product-container .child-nav{width: 100%; display: none; background: #fff; height: .6rem; position: absolute; top: .95rem; left: 0; font-size: 0; text-align: center; transition: all 0.3s ease-in-out;}
.child-nav > a{width: 1.7rem; display: inline-block; color: #333; font-size: .14rem; line-height: .6rem; text-align: center; position: relative;transition: all 0.3s ease-in-out;}
.child-nav > a:hover,.child-nav > a.active{color: #ec6618;}
.child-nav > a:before{content: ''; width: .02rem; height: .14rem; background: #b3b3b3; top: 50%; left: 0; margin-top:-.06rem; position: absolute; display: block;}
.child-nav > a:first-child:before{width: 0;}
.child-nav:before{content: ''; width: 0;height: 0; border-left: .1rem solid transparent; border-right: .1rem solid transparent; border-bottom: .2rem solid #fff; position: absolute; top: -.2rem; left: 0;}
.page-nav > ul.container > li:nth-child(1) .child-nav:before{left: 3.25rem;}
.page-nav > ul.container > li:nth-child(2) .child-nav:before{left: 4.65rem;}
.page-nav > ul.container > li:nth-child(3) .child-nav:before{left: 5.85rem;}
.page-nav > ul.container > li:nth-child(4) .child-nav:before{left: 7.05rem;}
.page-nav > ul.container > li:hover .child-nav,.page-nav > ul.container > li.active .child-nav{display: block;}
.lifestyle-s1{width: 100%; display: block; padding-top: 1.2rem; padding-bottom: .8rem; background: #f5f5f5;}
.lifestyle-s1-content{width: 100%; display: block; margin-top: .35rem;}
.lifestyle-s1-content .item{width: calc(50% - .2rem); float: left; background: #fff; margin-bottom: .45rem; transition: all 0.3s ease-in-out;}
.lifestyle-s1-content .item:nth-child(2n){ float: right;}
.lifestyle-s1-content .item .img{width: 3.6rem; display: block; height: 2.64rem; float: left;}
.lifestyle-s1-content .item .txt{width: calc(100% - 3.8rem);height: 2.64rem; float: left; display: inline-block; padding:.5rem .15rem 0 .25rem; background: #fff; position: relative;}
.lifestyle-s1-content .item h3{width: 100%; display: block; font-size: .18rem; line-height: .18rem; color: #333; font-weight: bold;}
.lifestyle-s1-content .item p{width: 100%; display: block; font-size: .14rem; line-height: .24rem; color: #666; margin-top: .2rem;}
.lifestyle-s1-content .item:hover{transform: translateY(-.1rem); box-shadow: 0.02rem 0.02rem 0.08rem rgba(0,0,0,.2)}
.lifestyle-s1-content .item .icon{width:.46rem; height: .46rem; display: block; position: absolute; bottom: .3rem;}

/*************************news****************************/
.news-banner{background-image: url("../../images/injoy/news-banner.jpg");}
.news-main{width: 100%; display: block; background: #f5f5f5; padding-top: .9rem; padding-bottom: .9rem;}
.news-main a.item{width: 100%; display: block; padding: .3rem 1.5rem .3rem .5rem; background: #fff; margin-bottom: .15rem;}
.news-main a.item .img{width: 2.52rem; height: 1.48rem; overflow: hidden; font-size: 0; text-align: center; float: left;}
.news-main a.item img{height: 100%; width: auto; display: inline-block;}
.news-main a.item .txt{width: calc(100% - 2.52rem); float: left; padding-top: .14rem; padding-left: .4rem;}
.news-main .txt h3{width: 100%; display: block; font-size: .2rem; line-height: .2rem; color: #333; padding-bottom: .14rem; border-bottom: .02rem solid #ededed;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-main .txt p{width: 100%; display: block; font-size: .14rem; height: .57rem; line-height: .24rem; color: #333; padding-top: .14rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news-main .txt .date{width: 100%; display: block;font-size: .16rem; line-height: .16rem; color: #999; margin-top: .20rem;}
.news-main .pager{ margin-top: .3rem;}
.news-show{width: 100%; display: block; padding-top: 1rem; padding-bottom: 1rem; background: #f5f5f5;}
.news-show-main{width: 100%; display: block;background: #fff; padding:.46rem 22.5% .9rem;}
.news-show-title{width: 100%; display: block; border-bottom: .02rem solid #ec6618; padding-bottom: .3rem;}
.news-show-title h3{width:100%; font-size: .24rem; line-height: .34rem; color: #333; text-align: center; margin-bottom: .15rem;}
.news-show-title .date{width: 100%; display: block; font-size: .16rem; line-height: .16rem; color: #666; text-align: center;}
.news-show-content{width: 100%; display: block; font-size: .14rem; line-height: .28rem; color: #333; margin-top: .3rem;}
.show-pager{width: 100%; display: block; text-align: center; font-size: 0; padding-top: .45rem;}
.show-pager a{width: 2rem; height: .55rem; color: #333; background: #fff; text-align: center; font-size: .14rem; line-height: .55rem; margin-right: .02rem; margin-left: .02rem; display: inline-block;vertical-align:text-top;}
.show-pager a span{width: auto; display: inline-block; position: relative;}
.show-pager a span:before{content:'';width:.06rem; height: .13rem; display: inline-block; background-repeat: no-repeat; background-position: 0 0; transition: all 0.3s ease-in-out; position: absolute; top: .2rem;}
.show-pager a.prev span{padding-left: .26rem;}
.show-pager a.next span{padding-right: .26rem;}
.show-pager a.prev span:before{background-image: url("../../images/injoy/show-pager-icon-1.png"); left: 0;}
.show-pager a.next span:before{background-image: url("../../images/injoy/show-pager-icon-2.png"); right: 0;}
.show-pager a:hover{color: #ec6618;}
.show-pager a:hover span:before{background-position: 0 -.13rem;}
.product-mask{width: 100%; height: 100%; display: block; visibility: hidden; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background:rgba(0,0,0,0.8); z-index: 100; overflow-y: scroll;}
.product-mask .imgbox{width: 12rem; height: 6rem; display: block; left: 50%; margin-left: -6rem; position: absolute; top: 45%; margin-top: -3rem; text-align: center;}
.product-mask .imgbox img{width: auto; max-height: 7rem; display: inline-block; max-width: 12rem;}
.product-mask .close{width: .25rem; height: .25rem; background: url("../../images/injoy/close.png") no-repeat; background-size: 100%; position: absolute; top: -.4rem; right: 0;}
.product-show h3{width: 100%; display: block; font-size: .24rem; line-height: .24rem; color: #fff; font-weight: bold; text-align: center; padding-top: .15rem;}