@charset "utf-8";
/* CSS Document */
/*全局样式*/
html{ *overflow-x: hidden;}
body{ width:100%; background-color: #fff; font: 14px/21px "微软雅黑", "Microsoft YaHei", "SimSun", Helvetica, Arial, sans-serif; color: #727171; overflow-x: hidden;} 
*{ margin: 0px; padding: 0px;}
div, ul, li, p{ margin: 0px; padding: 0px; list-style-type: none; /*text-indent:2em;*/}
img { border: 0px; vertical-align: top; max-width:100%;}
a, a:hover, a:visited, li, li:hover{ text-decoration: none; color:#727171;}
.clear{ clear: both; height: 0; line-height: 0; font-size: 0; margin: 0px; padding: 0px;}
a{ color: #727171;}
.lf{float: left;}
.rt{float: right;}
/*公共样式*/

/*公共样式 end*/
/*引导页*/
.guide{ background:#f7f7f7; width:100%; height:975px; height:100%; position:relative; position:fixed;}
.guide .img1{}
.guide .img1_1{ position:absolute; left:0%; top:102px;}
.guide .img1_2{ position:absolute; left:18%; top:108px;}
.guide .img1_3{ position:absolute; left:70%; top:80px;}
.guide .img1_4{ position:absolute; left:78%; top:0px;}
.guide .img1_5{ position:absolute; left:4%; top:536px;}
.guide .img1_6{ position:absolute; left:38%; bottom:-20px;}
.guide .img1_7{ position:absolute; left:68%; bottom:182px;}
.guide .logob{ width:43.8%; height:591px; position:absolute; left:50%; margin-left:-21.9%; top:50%; margin-top:-410px; background:url(../images/1_8.png) no-repeat center; text-align:center; padding-top:230px; background-size:100% auto;}
.guide .logob .logo{ display:none;}
.guide .bar{ width:307px; height:19px; background:url(../images/line1.jpg) repeat-x center left; position:absolute; left:50%; margin-left:-153px; top:66%; margin-top:30px;}
.guide .tiao{ width:307px; height:19px; background:url(../images/line2.png) no-repeat right center;}
.guide .num{ text-align:center;}
/*引导页结束*/
/*header*/
.top{ border-bottom:1px solid #ddd; width:100%;}
.header{ width:1200px; margin:0 auto; height:120px; position:relative; }
/* .logo1{ position:absolute; left:0; top:0; width:79px; height:205px; z-index:9999;} */
.logo1{ float: left; padding-top: 40px;}
.nav{ width:870px; height:51px; float:left; margin-left:130px;}
.nav li{ float:left; position:relative;}
.nav li .a1{ display:block; padding:0 20px; line-height:120px; color:#727171;}
.nav li:hover .a1 ,.nav li.curli .a1{ color:#c7ba9a; background:url(../images/icon1.png) no-repeat center 30px;}
.nav li .navChild{ display:none; position:absolute; width:4000px; top:120px; background:#ccc1a4; height:63px; z-index:999;}
.nav li .navList{ width:1000px; margin:0 auto;}
.nav li .navList a{ display:block; padding:0 20px; line-height:51px; color:#fff; float:left;}
.nav li .navList a:hover{ color:#e0daca;}
.nav li .ncd1{ left:-1490px;}

.nav li .ncd2{ left:-1500px;}
.nav li .ncd3{ left:-1690px;}
.nav li .ncd4{ left:-1530px;}
.nav li .ncd5{ left:-1530px;}
.nav li .ncd6{ left:-1830px;}
.nav li .ncd7{ left:-1530px;}
.nav li .navList li{ position:relative;}
.nav li .navList li .navListCld{ position:absolute; width:4000px; left:50%; top:63px; background:#ccc1a4; display:none;}
.nav li .navList li .navListCld .navL{ width:1200px; margin:0 auto; overflow:hidden;}
.nav li .navList li .navListCld.nlcd1{ margin-left:-1440px;}
.nav li .navList li .navListCld.nlcd2{ margin-left:-1550px;}
.nav li .navList li:hover .a2{ color:#e0daca;}
.search{ float:left; width:167px; height:31px; padding-left:10px; background:url(../images/1_10.jpg) no-repeat left center;}
.search input{ outline:none; resize:none; width:130px; line-height:30px; background:none; border:0 none; color:#727171;}
.search a{ display:block; width:30px; height:30px; float:right; cursor:pointer;}
/*header end*/
/*banner*/
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.slides_container a{ display:block; width:1920px; height:562px;}
.slides_container a img{ display:block;}
.banner .pagination { margin-top:-40px; position:absolute; z-index:100; width:130px; left:50%; margin-left:-65px;}
.banner .pagination li {float:left;margin:0 1px;list-style:none;}
.banner .pagination li a {display:block; width:18px; font-size:0px; height:17px; background:url(../images/icon2.png) no-repeat center top;float:left;overflow:hidden; margin-left:5px; margin-right:5px; font-size:0px; line-height:1000px;}
.banner .pagination li.current a,.banner .pagination li a:hover{ background:url(../images/icon3.png) no-repeat center bottom;}
/*banner end*/
/*首页信息*/
.inCont{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px; font-size:12px; padding-bottom:100px;}
.inCont .inLeft{ width:900px; float:left;}
.inCont .inLeft .addr{ margin-bottom:10px; line-height:24px;}
.inCont .inRight{ width:280px; float:right;}
.inCont .inRight .tel{ padding-left:48px; height:34px; background:url(../images/icon10.png) no-repeat left center; padding-top:16px;}
.inCont .inRight .fenx{ overflow:hidden; padding-top:10px;}
.inCont .inRight .fenx a{ display:block; width:47px; height:47px; float:left; margin-right:20px;-webkit-transition:all .3s; -moz-transition:all .3s;-o-transition: all .3s; -ms-transition: all .3s; transition:all .3s;}
.inCont .inRight .fenx a.a1{ background:url(../images/icon4.png) no-repeat center;}
.inCont .inRight .fenx a.a2{ background:url(../images/xhs.png) no-repeat center;}
.inCont .inRight .fenx a.a3{ background:url(../images/dy2.png) no-repeat center;}
.inCont .inRight .fenx a.a4{ background:url(../images/icon7.png) no-repeat center;}
.inCont .inRight .fenx a.a1:hover{ background:url(../images/icon8.png) no-repeat center;}
.inCont .inRight .fenx a.a2:hover{ background:url(../images/xhs2.png) no-repeat center;}
.inCont .inRight .fenx a.a3:hover{ background:url(../images/dy.png) no-repeat center;}
.inCont .inRight .fenx a.a4:hover{ background:url(../images/icon11.png) no-repeat center;}
/*首页信息结束*/

/*footer*/
.footer{ width:100%; border-top:1px solid #e0e0e0; padding-bottom:14px; position:fixed; bottom:0; background:#fff;}
.foot{ width:1200px; margin:0 auto; line-height:50px; height:50px; font-family:;}
.foot p{ color:#a0a0a0; font-size:12px; text-align:center;}
.foot p a{ color:#a0a0a0;}
.foot p a:hover{ color:#e0daca;}
/*footer end*/
/*关于朴悦*/
.main{ width:1200px; margin:0 auto; overflow:hidden; padding-top:110px; padding-bottom:100px;}
.sidebar{ width:230px; float:left; margin-top:60px;}
.sidebar li{ padding-left:10px; position:relative;}
.sidebar li .div1{ overflow:hidden;}
.sidebar li .div1 .a1{ display:inline-block; line-height:44px; height:44px; float:left; font-size:18px;}
.sidebar li .div1 i{ background:url(../images/icon13.png) no-repeat center; width:20px; height:44px; background:url(../images/icon13.png) no-repeat center; float:left; display:none; margin-left:10px;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.sidebar li.curSidebar .a1{ color:#c7ba9a;}
.sidebar li:hover i{ display:block;}
.sidebar li.curSidebar i{ display:block;}
.sidebar li .div1.open i{ -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.sidebar li .submenu{ display:none;}
.sidebar li .submenu .a3{ display:block; line-height:44px;}
.sidebar li a:hover,.sidebar li .submenu .a3.cura3{ color:#c7ba9a;}

.content{ width:950px; float:right;}
.abLeft{ width:440px; float:left;}
.abLeft h3{ overflow:hidden; margin-bottom:20px;}
.abLeft h3 img{ display:block; float:left;}
.abLeft h3 span{ display:block; float:left; text-align:center; background:#93d1d3; color:#fff; line-height:22px; height:22px; padding:0 10px; font-weight:normal;}
.abLeft .ppbox h6{ color:#c7ba9a; font-size:14px; font-weight:normal;}
.abLeft .ppbox p{ font-size:12px; line-height:24px; color:#727171; margin-bottom:20px;}
.abLeft .ppbox img{ max-width:100%;}
.abRight{ width:440px; float:right;}
.abRight .abRt1{ margin-bottom:30px;}
.abRight .abRt1 h3{ font-size:16px; color:#b9bbdf; font-weight:normal; margin-bottom:16px;}
.abRight .abRt1 p{ font-size:12px; line-height:24px;}
.abRight .abRt2 h3{ color:#f5b4c2; font-size:14px; font-weight:normal; line-height:24px; margin-bottom:10px;}
.abRight .abRt2 img{ max-width:428px;}
/*关于朴悦结束*/
/*头发护理*/
.content1{ width:950px; float:right; overflow:hidden; padding-top:40px; background:url(../images/line3.jpg) repeat-y 90px top; min-height:544px;}
.prConLf{ width:658px; float:left;}
.prConRt{ width:292px; float:right;}
.prConRt img{ max-width:100%;}
.prConLf .prTitle{ margin-bottom:50px; overflow:hidden;}
.prConLf .prTitle h3{ color:rgba(0, 0, 0, .9); font-size:16px; font-weight:normal; float:left; width:130px; background:url(../images/line4.jpg) no-repeat 76px center;}

.prConLf .prTitle span{ display:block; float:left; color:rgba(0, 0, 0, .9); line-height:22px; padding:0 10px; text-align:center; }
.prConLf .prDiv1{ margin-bottom:20px; overflow:hidden;}
.prConLf .prDiv1 h3{ color:rgba(0, 0, 0, .9); font-size:16px; font-weight:normal; float:left; width:130px; background:url(../images/line5.jpg) no-repeat 76px center;}
.prConLf .prDiv1 .prBf{ font-size:12px; line-height:24px; width:522px; float:right; min-height:250px;}
.prConLf .prDiv2 h3{ color:rgba(0, 0, 0, .9); font-size:16px; font-weight:normal; float:left; width:130px; background:url(../images/line6.jpg) no-repeat 76px center;}
.prConLf .prDiv2 .prBf{ font-size:12px; line-height:24px; width:522px; float:right;}
.prConLf .prDiv2 .prBf img{ max-width:100%;}
/*头发护理结束*/
/*新闻页*/
.newsBox{ width:950px; float:right;}
.newsBox .tit{ width:96px; line-height:24px; text-align:center; color:#fff; background:#c7ba9a; margin-bottom:20px; font-size:16px;}
.newsBox ul li{ height:48px; overflow:hidden;}
.newsBox ul li a{ display:block; line-height:48px; font-size:12px;}
.newsBox ul li a:hover{ color:#ccc1a4;}
/*新闻结束*/
/*精英招募*/
.lfneed{ width:320px; float:left; padding-top:110px;}
.lfneed .img2_1{ width:321px; overflow:hidden; margin-bottom:20px;}
.lfneed .img2_1 img{ max-width:100%;}
.lfneed .tel{ padding-left:48px; height:34px; background:url(../images/icon10.png) no-repeat left center; padding-top:16px;}
.jobBox{ width:844px; float:right;}
.jobBox .topTit{ padding-left:50px; margin-bottom:30px;}
.jobBox .topTit h1{ font-weight:normal; font-size:30px; width:430px; text-align:center; padding:20px 0;}
.jobb .job{ margin-bottom:20px;}
.jobb .job .title{ overflow:hidden; margin-bottom:6px;}
.jobb .job .title h6{ font-weight:normal; font-size:12px; color:#c7ba9a; width:500px; float:left; line-height:24px;}
.jobb .job .title span{ display:block; float:right; width:50px; color:#fff; line-height:24px; text-align:center; background:#f5b4c2;}
.jobb .job p{ font-size:12px;}
/*精英招募结束*/
/*客户服务*/
.mp{ width:144px;}
.mapBg{ width:780px; float:left;}
#map area:hover{ color:#ff92a9;}
.place{ width:186px; height:396px; overflow:hidden; float:right; margin-top:80px;}
.place ul li{ margin-bottom:20px;}
.place ul li h5{ color:#f5b4c2;}
.place ul li p{ font-size:12px; line-height:22px;}
/*客户服务结束*/
/*联系我们*/
.main1{ width:1054px; padding-left:144px;}
.main2{ width:1054px; float:right;}
.contact{ overflow:hidden;}
.contact .left{ width:720px; float:left;}
.main1 .inCont{ width:1054px; overflow:hidden; margin-top:50px; font-size:12px;}
.main1 .inCont .inLeft{ width:462px; float:left; color:#a0a0a0;}
.main1 .inCont .inLeft .addr{ margin-bottom:10px; line-height:24px;}
.main1 .inCont .inRight{ width:280px; float:right;}
.main1 .inCont .inRight .tel{ padding-left:48px; height:34px; background:url(../images/icon10.png) no-repeat left center; padding-top:16px;}
.main1 .inCont .inRight .fenx{ overflow:hidden; padding-top:10px;}
.main1 .inCont .inRight .fenx a{ display:block; width:47px; height:47px; float:left; margin-right:20px;-webkit-transition:all .3s; -moz-transition:all .3s;-o-transition: all .3s; -ms-transition: all .3s; transition:all .3s;}

.main1 .inCont .inRight .fenx a.a1{ background:url(../images/icon4.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a2{ background:url(../images/xhs.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a3{ background:url(../images/dy2.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a4{ background:url(../images/icon7.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a1:hover{ background:url(../images/icon8.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a2:hover{ background:url(../images/xhs2.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a3:hover{ background:url(../images/dy.png) no-repeat center;}
.main1 .inCont .inRight .fenx a.a4:hover{ background:url(../images/icon11.png) no-repeat center;}
.main1 .map{ margin-top:30px; width:1044px; height:372px; -o-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

/*联系我们结束*/
.foot img{margin-top:14px;}


/* 新增视频 */
.video{
	width: 100%;
	height: 100vh;
	display: block;
}

.video video{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
    object-fit: cover;
}