.body-content>h3{
    height: 0;
}

/* 头部显示图 */
.header-view {
    height: calc(100vh - 50px);width: 100%;
    background-image: url('../img/Player/header-view.jpg');background-size: cover;background-position: center center;
}

/* 品牌优势 */
.brand-advantage{
    position: relative;height: 350px;
    background-image: url('../img/home/title_3_bg.jpg');background-size: 120px 350px;
}
.brand-advantage .text-content {
    width: 1200px;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.brand-advantage .text-content h1 {
    font-size: 50px;font-weight: 700;
}
.brand-advantage .text-content h2 {
    font-size: 30px;font-weight: 200;margin-bottom: 20px;
}
.brand-advantage .text-content p:nth-child(1) {
    letter-spacing: 3px;
}
.brand-advantage .text-content p {
    font-size: 16px;font-weight: 200;letter-spacing: 1px;line-height: 30px;
}


/* 玩味出众 */
.tastes{
    position: relative;height: 670px;
    background-image: url('../img/Player/view_1_bg.jpg');background-size: cover;background-position: center center;
}

/* 玩出视界 */
.visual{
    position: relative;height: 670px;
    background-image: url('../img/Player/view_2_bg.jpg');background-size: cover;background-position: center center;
}

/* 玩触质感 */
.touch{
    position: relative;height: 670px;
    background-image: url('../img/Player/view_3_bg.jpg');background-size: cover;background-position: center center;
}

/* 玩要安心 */
.safety{
    position: relative;height: 670px;
    background-image: url('../img/Player/view_4_bg.jpg');background-size: cover;background-position: center center;
}

/* 调香师 */
.user {
    position: relative;height: 740px;overflow: hidden;
}
.user .user-view{
    width: 1200px;height: 360px;margin: 0 auto;box-sizing: border-box;padding-top: 100px;
}
.user .left-img{
    position: relative;
}
.user .left-img img{
    width: 140px;height: 140px;
}
.user .right-content{
    padding-top: 20px;width: 1000px;
}
.user .right-content h2{
    font-size:30px;font-weight: 700;margin-bottom: 30px;
}
.user .right-content p{
    font-size:16px;font-weight: 200;line-height: 30px;letter-spacing: 1px;
}
.user .title{
    width: 1200px;font-size: 20px;font-weight: 700;padding: 40px 0;margin: 0 auto;letter-spacing: 4px;
}
.user .explain-view{
    width: 1200px;margin: 0 auto;
}
.user .explain-view .left{
    width: 50%;
}
.user .explain-view .left p{
    font-size: 14px;letter-spacing: 3px;line-height: 30px;
}
.user .explain-view .right{
    width: 50%;
}
.user .explain-view .right img{
    width: 280px;height: 180px;display: inline-block;
}
.user .explain-view .right img:last-child{
    margin-left: 34px;
}

/* 设计手稿 */
.spirit {
    height: 700px;width: 1200px;margin: 0 auto;
}
.spirit .title{
    padding: 80px 0;
}
.spirit .title>h2{
    font-size: 26px;font-weight: 700;margin-bottom: 10px;letter-spacing: 1px;
}
.spirit .title>h3{
    font-size: 22px;letter-spacing: 4px;font-weight: 400;
}
.spirit .item{
    width: 370px;margin-right: 38px;display: inline-block;
}
.spirit .item img{
    width: 370px;height: 230px;margin-bottom: 50px;
}
.spirit .item>h3{
    font-size: 20px;font-weight: 700;margin-bottom: 10px;
}
.spirit .item>p{
    font-size: 14px;font-weight: 200;letter-spacing: 3px;
}

/* 产品栏目 */
.product .product-content{
    width: 1200px;margin: 0 auto;padding: 120px 0;
}
.product .item{
    width: 370px;text-align: center;margin-right: 38px;display: inline-block;
}
.product .item:last-child{
    margin-right: 0;
}
.product .item .img-type-1{
    width: 370px;height: 230px;margin-bottom: 50px;
}
.product .item .img-type-2{
    width: 80px;height: 80px;margin-bottom: 30px;
}
.product .item p{
    font-size: 14px;font-weight: 700;letter-spacing: 3px;
}


.row-view{
    padding: 160px 0;overflow: hidden;
}
.row-view img{
    width: 580px;height: 340px;display: inline-block;
}

.view-show {
    height: 1px;width: 100%;position: absolute;bottom: 0;left: 0;background-color: #000000;
    box-shadow: 0 0 340px 400px #000000;opacity: 0.6;
}
.active{overflow: hidden;}
.active:hover .view-show {
    opacity: 0;transition: opacity .4s;
}
.active .text-content{
    width: 1200px;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.active .text-content .item{
    margin-bottom: 30px;
}
.active .text-content h2 {
    font-size: 32px;font-weight: 700;line-height: 60px;letter-spacing: 1px;
}
.active .text-content p {
    font-size: 16px;line-height: 30px;letter-spacing: 3px;
}
.active{overflow: hidden;}
.active:hover .view-show {
    opacity: 0;transition: opacity .4s;
}
.active .text-content{
    width: 1200px;
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.active .text-content .item{
    margin-bottom: 30px;
}
.active .text-content h2 {
    font-size: 32px;font-weight: 700;line-height: 60px;letter-spacing: 1px;
}
.active .text-content p {
    font-size: 16px;line-height: 30px;letter-spacing: 3px;
}

.init{
    height: 260px;position: relative;background-color: #FFCD00;
}
.init .init-content{
    width: 1200px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -60%);
}
.init-content .left{
    color: #000000;
}
.init-content .left h2{
    font-size: 80px;font-weight: 700;margin-bottom: 10px;
}
.init-content .left p{
    font-size: 24px;letter-spacing: 3px;
}