header{padding-bottom: 124px;}
header>div{background: url(/img/wang/bg.png) #f0dde0 center bottom no-repeat; background-size: 100%;}
header .box{display: flex;justify-content: space-between;position: relative;top: 97px;align-items: center;width: 1084px;}
header .box>article{height:446px;border:#000000 1px solid;padding: 64px 35px 84px;background: #fff;width: 51%;box-sizing: border-box;}
header .box>p{display: flex;justify-content: center;align-items: center;width: 49%;}
header article>h5{font-size: 37px;line-height: 72px;}
header article>h5>.r{font-size: 38px;font-weight: bold;font-family: simhei;}
header article>span{line-height: 105px;}
header article span{font-size: 29px;}
header article>p{font-size: 63px;}
header .bg{background-image: linear-gradient(to bottom,#fff,#f1f1f1);height: 260px;}
header .box>img{top:125px;position: relative;}
header .box>p>img{top:60px;position: relative;transition: transform .3s;}
header .box>p>img:hover{transform: translateY(60px);}

.info>div{display: flex;align-items:center;justify-content: space-between;padding-bottom: 85px;}
.info article{width: 500px;}
.info article>h6{font-size: 45px;padding-bottom: 34px;}
.info article>p{font-size: 31px;line-height: 42px;padding-bottom: 35px;}

.list>h6{font-size: 75px;text-align: center;padding-top: 50px;}
.list>h6>span{font-size: 42px;font}
.list-box{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding: 70px 0px 115px;}
.list-box-item{text-align: center;position: relative;}
.list-box-item-o{opacity:0;color: #FFFFFF;transition:opacity .3s;background: rgba(149,127,136,0.6);width:188px;height:188px;line-height:56px;    display: flex;justify-content: center;align-items: center;font-size: 52px;font-style: normal;border-radius: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.list-box-item:hover .list-box-item-o{opacity: 1;}
.list-box-item>font{font-family:simhei;font-size: 34px;font-weight: bold;display: block;text-align: center;line-height: 72px;padding-top: 12px;}
.list-box-item>span{font-size: 28px;width: 310px;text-align: center;display: block;line-height: 36px;margin: 0px auto;}
.list-info{width: 90%;padding-bottom: 70px;}
.list-info>span{display: block;}
.list-info-title{font-size: 75px;border-bottom: #000000 1px solid;padding-bottom: 30px;}
.list-info-content{width:94%;box-sizing:border-box;font-size: 33px;line-height: 50px;margin-top: 40px;text-align: left;}


.ke{background: #f0f0f0;margin-bottom: 160px;padding: 0px 58px 40px;box-sizing: border-box;}
.ke>h5{font-size: 72px;text-align: center;padding-top: 52px;line-height: 116px;}
.ke .E{font-size: 28px;text-align: center;display: block;padding-bottom: 80px;}
.ke-list-item>h6{line-height: 64px;height:64px;background:#fff;font-size: 43px;padding: 0px 15px;display: inline-block;}
.ke-list-item>p{font-size: 37px;line-height: 52px;padding: 40px 0px 70px;}
main{padding-bottom: 70px;}
.bg_hui{margin-top: 58px;padding: 50px 0px 15px;background: #f0f0f0;}
.bg_hui .list-box{width: 1084px;margin: 0px auto;}
.bg_hui .list-box .list-box-item{padding-bottom: 40px;}


/*手工皂 start*/
#zao header .box>img{margin-left: 160px;top:73px;}
#zao .list-box-item img{width: 100%;padding-bottom: 18px;}
/*手工皂 end*/
/*纯露*/
#lu header .box>img{margin-left: 150px;top:73px;}
#lu .list-box:nth-of-type(1) .list-box-item:nth-of-type(1) img{padding-bottom: 40px;}
/*纯露*/
/*喷雾*/
#pen .list-box{padding: 70px 0px 20px;}
#pen .ke{margin-top: 147px;}
/*喷雾*/
/*精华乳*/
#jing .list,#jing .ke{width: 1084px;}
#jing .list-info{width: 100%;}
/*精华乳*/
/*精华油*/
#you header .box>p>img{top:140px}
#you .list-box:nth-of-type(3) .list-box-item>span{font-size:34px;letter-spacing:3px;line-height: 50px;padding-top: 40px;width: 372px;}
/*精华油*/

/*沐浴露*/
.mu-list{padding: 72px 0px 67px;overflow: hidden;}
.mu-list-item{display: flex;align-items: center;padding-bottom: 35px;}
.mu-list-item:nth-of-type(2n-1){float: left;}
.mu-list-item:nth-of-type(2n-1) h6{text-align: right;}
.mu-list-item:nth-of-type(2n-1) p{float: right;}
.mu-list-item:nth-of-type(2n){float: right;}
.mu-list-item img{border-radius: 100%;display: inline-block;}
.mu-list-item>div{display: inline-block;width: 580px;}
.mu-list-item h6{font-family: simhei;font-weight: bold;border-bottom: #000 1px solid; line-height: 83px;font-size: 50px;}
.mu-list-item p{font-size: 30px;line-height: 33px;width: 280px;padding-top: 15px;}

/*沐浴露*/

/*眼霜*/
.suan_list{display: flex;justify-content: center;align-items: flex-end;padding: 75px 0px 110px;}
.suan_list img{transition: transform .4s;}
.suan_list img:hover{transform: scale(1.3);}
.suan_list .icon{width: 70px;background: url(/img/product/icon.png) center no-repeat;display: inline-block;height: 245px;}
/*眼霜*/

/*花茶*/
#hua header .box{width: 1200px;}
.hua_list{padding: 78px 0px 40px;}
.hua_list_item{display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;}
.hua_list_item h6{font-family: simhei;font-size: 55px;position: relative;}
.hua_list_item h6:after{display: block;content: "";height: 2px;background: #000000;width: 107px;position: absolute;bottom: -22px;}

.hua_list_item p{font-size: 31px;line-height: 49px;padding-top: 60px;}
.hua_list_item:nth-of-type(2n-1) h6,.hua_list_item:nth-of-type(2n-1) p{text-align: right;}
.hua_list_item:nth-of-type(2n-1) h6:after{right: 0px;}
.hua_list_item:nth-of-type(2n) h6:after{left: 0px;}
#hua .list-box-item span{padding-top: 40px;}

.hua-hui-list{padding: 70px 0px 75px;}
.hua-hui-list-item{margin-bottom: 50px;padding: 17px 15px;box-sizing: border-box;background: #f5f5f5;display: flex;justify-content: space-between;align-items: center;}
.hua-hui-list-item article{padding-left: 35px;}
.hua-hui-list-item p{font-size: 31px;line-height: 49px;padding-bottom: 10px;}
.hua-hui-list-item h6{font-family: simhei;font-size: 50px;padding-bottom: 38px;}
/*花茶*/