.w1100 {margin:auto;width:1100px;clear:both; position:relative}
.white { overflow:hidden; padding:70px 0 50px;background:white;overflow:hidden}
.b30{display: none;}
.dark { background:#f6f7f9; overflow:hidden; padding:70px 0 50px;}
.page_title { margin:40px 0 40px; overflow:hidden;}
.page_title strong,.page_title ul,.page_title ul li { float:left;}
.page_title strong,.page_title span { display:inline-block;}
.page_title span { float:right; height:30px; font-size:14px;width:120px; border:1px solid #ddd; text-align:center; line-height:30px; border-radius:20px; margin-top:5px;cursor:pointer;}
.page_title span a { color:#999; display:block;}
.page_title span:hover { background:#fe3232; border:1px solid #fe3232;}
.page_title span:hover a { color:#fff;}
.page_title strong { font-size:30px; font-weight:400; color:#222;}
.page_title strong:before { content:""; display:block; height:30px; width:4px; background:#fe3232; float:left; margin:7px 15px 0 0;}
.page_title ul li { font-size:16px; margin-left:40px; line-height:40px;}
.page_title ul li a { color:#858585;}


.zsjs { overflow:hidden;}
.zsjs .bd ul li { float:left; width:25%; position:relative;}
.zsjs .bd ul li:nth-child(2n+2) a { display:flex; flex-direction:column-reverse;}
.zsjs .bd ul li .image { width:100%;}
.zsjs .bd ul li .image img { width:100%;}
.zsjs .bd ul li .text { padding:20px; background:#fff;}
.zsjs .bd ul li .text p { font-size:18px;}
.zsjs .bd ul li .text span { font-size:14px; color:#888; display:block; margin-top:10px;}



.photo_box ul li { float:left; overflow:hidden;width: 23.5%;margin: 1.5% 2% 0 0; transition: all .5s; top:0px; position:relative;}
.photo_box ul li:hover { top:-8px;}
.photo_box ul li:nth-child(4n+6) { margin-right:0;}
.photo_box ul li .comp em { margin-right:15px; font-size:12px; float:left; line-height:16px;}
.photo_box ul li .comp em:before {display:block; width:16px; height:16px; line-height:17px; float:left;font-family: 'iconfont';}
.photo_box ul li .comp em.em_1:before {content:"\e830";}
.photo_box ul li .comp em.em_2:before {content:"\e6fc";}
.photo_box ul li:nth-child(-1n+2) { width:49%; float:left; margin:0;margin-bottom: 10px;}
.photo_box ul li:nth-child(2) { float:right;}
.photo_box ul li:nth-child(-1n+2) .image { width:100%;}
.photo_box ul li:nth-child(-1n+2) .image img { width:100%; height:250px;}
.photo_box ul li:nth-child(-1n+2) .text { position:absolute; top:0px; left:0px;padding: 30px 0 0 25px;}
.photo_box ul li:nth-child(-1n+2) .text strong { display:block; color:#fff; font-size:18px; font-weight:400;}
.photo_box ul li:nth-child(-1n+2) .text p { color:#fff; font-size:12px;}
.photo_box ul li:nth-child(-1n+2) .text b { width:1px; height: 90px;display: block;background:rgb(255 255 255/.4); margin: 15px 0 15px 5px;}
.photo_box ul li:nth-child(-1n+2) .text .comp em { color:#fff;}
.photo_box ul li:nth-child(1n+3) .image { width:100%;}
.photo_box ul li:nth-child(1n+3) .image img { width:100%;}
.photo_box ul li:nth-child(1n+3) .text strong { line-height:30px; color:#222; font-size:14px; margin-top:10px; display:block; font-weight:400;}
.photo_box ul li:nth-child(1n+3) .text strong.s_2 { display:none;}
.photo_box ul li:nth-child(1n+3) .text .comp { color:#888;margin-top:10px;}
.photo_box ul li:nth-child(1n+3) .text .comp i { float:left; margin-right:20px;}

.content p{text-indent:0;font-size:16px;line-height:30px;}


.altj { overflow:hidden;}
.altj dl { width:49.16666666%; float:left;}
.altj dl:nth-child(2n+2) { float:right;}
.altj dl .comp em { margin-right:15px; font-size:12px; float:left; line-height:16px;}
.altj dl .comp em:before {display:block; width:16px; height:16px; line-height:17px; float:left;font-family: 'iconfont';}
.altj dl .comp em.em_1:before {content:"\e830";}
.altj dl .comp em.em_2:before {content:"\e606";}

.altj dl dt { overflow:hidden; position:relative;}
.altj dl dt .image { width:100%;}
.altj dl dt .image img { width:100%;}
.altj dl dt .text { position:absolute; top:0px; left:0px;padding: 30px 0 0 25px;}
.altj dl dt .text strong { display:block; color:#fff; font-size:18px; font-weight:400;}
.altj dl dt .text p { color:#fff; font-size:12px;}
.altj dl dt .text b { width:1px; height: 90px;display: block;background:rgb(255 255 255/.4); margin: 15px 0 15px 5px;}
.altj dl dt .text .comp em { color:#fff;}
.altj dl dd { overflow:hidden;}
.altj dl dd ul li { float:left; width:48.5%;margin-top:40px;}
.altj dl dd ul li:nth-child(2n+2) { float:right;}
.altj dl dd ul li .image { width:100%;}
.altj dl dd ul li .image img { width:100%;}

.altj dl dd ul li .text p { line-height:30px; color:#222; font-size:12px; margin-top:10px;}
.altj dl dd ul li .text .comp { color:#888;margin-top:10px;}
.altj dl dd ul li .text .comp i { float:left; margin-right:20px;}

.altj .page_ad { width:100%; margin-top:50px;}
.altj .page_ad img { width:100%;}



.news_box { overflow:hidden}
.news_box ul li { float:left;width:32%; margin:0 2% 2% 0; position:relative; top:0; transition:all .5s;}
.news_box ul li:hover { top:-8px;}
.news_box ul li .image { width:35%; margin-right:15px;}
.news_box ul li:nth-child(1n+4) .image { float:left;}
.news_box ul li .image img { width:100%;}
.news_box ul li p { font-size:12px; color: #333; line-height:20px;}
.news_box ul li p.p_2 { font-size:16px; color:#000; margin:0px 0 15px;}
.news_box ul li:nth-child(3n+3) { margin-right:0;} 
.news_box ul li:nth-child(-1n+3) p.p_1,.news_box ul li:nth-child(-1n+3) p.p_3 { display:none;}
.news_box ul li:nth-child(-1n+3) .image { height:200px; width:100%; margin-right:0;}
.news_box ul li:nth-child(-1n+3) .image img { width:100%; height:200px;}
.news_box ul li:nth-child(-1n+3) p.p_2 { font-size:16px;margin:15px 0}



.hzpp { overflow:hidden;}
.hzpp ul li { float:left; width:12%; box-sizing:border-box; border:1px solid #e6e6e6; margin:0 5.6% 2% 0; padding:2% 0; text-align:center;}
.hzpp ul li:nth-child(6n+6) { margin-right:0;} 



.page_footer { background:#0e0e0e; padding:50px 0;text-align:center; margin-top:50px;}
.page_footer h2 { font-size:32px; color:#ef1b11;font-weight:800;}
.page_footer ul { display:inline-block;margin: 30px 0 10px; border-bottom:1px solid #333; padding-bottom:15px;}
.page_footer ul li { display:inline-block; font-size:14px; margin:0 20px;}
.page_footer p { text-align:center; font-size:12px; line-height:35px;}




.stylist { margin-top:20px;}
.stylist ul li { float:left; width:49%; margin-top:4%; position:relative;top:0;transition:all .5s;}
.stylist ul li:hover { top:-8px;}
.stylist ul li:nth-child(2n+2) { float:right;}
.stylist ul li .image { width:100%;}
.stylist ul li .image img { width:100%;}
.stylist ul li h2 { display:block; font-size:18px; margin:10px 0;}
.stylist ul li p { font-size:14px; color:#666;}


    
.stylist_title { margin:10px 0 50px; display: flex;align-items: center;justify-content: center; height:80px;}
.stylist_title b { font-size:34px; font-weight:400; color:#111;display: flex;align-items: center;}
.stylist_title b i { width:100px; display:inline-block; margin:0 10px;padding-top: 5px;}
.stylist_title b i:before,.stylist_title b i:after { content:""; display:inline-block; width:100px; height:1px; background:#222; float:left; margin:.5px 0;}
.stylist_title p { font-size:18px;letter-spacing:8px; font-weight:200; margin-top:10px; color:#999; text-align:center;}


.stylist_preview { overflow:hidden; padding:20px; position:relative;}
.stylist_preview:before,.stylist_preview:after { content:""; display:block; width:160px; height:160px;position:absolute;}
.stylist_preview:before { bottom:0px; left:0; border-bottom:1px solid #c6a882; border-left:1px solid #c6a882;}
.stylist_preview:after { top:0px; right:0; border-right:1px solid #c6a882; border-top:1px solid #c6a882;}

.stylist_preview .left { float:left; width:40%;}
.stylist_preview .left img { width:350px;box-shadow: 10px 10px 0 #c6a882;}
.stylist_preview .right { float:left; width:60%;}
.stylist_preview .right h3 { font-size:28px; color:#c6a882; font-weight:400;}
.stylist_preview .right dl { overflow:hidden; margin-top:10px;}
.stylist_preview .right dl dt,.stylist_preview .right dl dd { float:left; font-size:14px; line-height:25px;}
.stylist_preview .right dl dt { width:10%; color:#333;text-align: justify;text-align-last: justify;}
.stylist_preview .right dl dt:after { content:":"; display:block; float:right; margin-left:3px;}
.stylist_preview .right dl dd { width:87%; color:#999; margin-left:3%;}

.stylist_preview .right .zxzx { margin-top:20px;}
.stylist_preview .right .zxzx a { display:inline-block; width:140px; height:40px; line-height:40px; background:#323346; text-align:center; font-size:16px; color:#ffdabe;}


.zhouping { position:relative}
.zhouping .bd { }
.zhouping .bd ul li { float:left; width:263px; margin-right:15px;}
.zhouping.row_4 .bd ul li { margin-bottom:15px;}
.zhouping.row_4 .bd ul li:nth-child(4n+4) { margin-right:0;}
.zhouping .bd ul li img { width:100%;}
.zhouping .bd ul li p { font-size:16px; color:#666; line-height:30px; margin-top:5px;}
.zhouping .hd { }
.zhouping .hd a { display:block; width:40px; height:80px; background:#323346; position:absolute;top: 50%;transform: translate(0, -60%); opacity: .9; cursor:pointer;}
.zhouping .hd a.next { left:0px;}
.zhouping .hd a.prev { right:-1px;}

.zhouping .hd a i { display: inline-block;position: absolute;top: 28px;left: 13px;}
.zhouping .hd a.prev i { left: 6px;}
.zhouping .hd a i:before { content:""; width:20px;height:20px;border:1px #ffdabe solid;border-right-width:0;border-bottom-width:0;display:inline-block;}

.zhouping .hd a.next i:before { transform:rotate(-45deg);}
.zhouping .hd a.prev i:before { transform:rotate(135deg);}


.dark_323346 { background:#323346; padding:70px 0 50px;}
.dark_323346 .stylist_title b { color:#fff;}
.dark_323346 .stylist_title p { color:#ffdabe;}
.dark_323346 .stylist_title b i:before,.dark_323346 .stylist_title b i:after { background:#fff;}
.dark_323346 .zhouping .bd ul li p { color:#fff;}




/*首页样式 THE*/

.sjs_title { margin:40px 0 40px; overflow:hidden;}
.sjs_title strong {float:left; font-size:22px; line-height:32px; font-weight:400; color:#222;}
.sjs_title strong:before { content:""; display:block; height:22px; width:4px; background:#ff6700; float:left; margin:5px 10px 0 0;}
.sjs_title span { float:right; height:30px; font-size:14px;width:120px; border:1px solid #ddd; text-align:center; line-height:30px; border-radius:20px; cursor:pointer;}
.sjs_title span a { color:#999; display:block;}
.sjs_title span:hover { background:#ff6700; border:1px solid #ff6700;}
.sjs_title span:hover a { color:#fff;}




.sjs_mxtj { overflow:hidden; background:#fff; border-top:1px solid #eee;}
.sjs_mxtj .bd ul li { float:left; width:16.666666%; position:relative;}
.sjs_mxtj .bd ul li a { width:100%; box-sizing:border-box; padding:10px 20px;display: block;}
.sjs_mxtj .bd ul li .image { width:100%;}
.sjs_mxtj .bd ul li .image img { width:100%; border-radius:50%;border: 1px solid #eee;box-sizing: border-box;}
.sjs_mxtj .bd ul li .text { padding:20px; background:#fff; text-align:center;}
.sjs_mxtj .bd ul li .text p { font-size:16px;}
.sjs_mxtj .bd ul li .text span { font-size:14px; color:#999; display:block; margin-top:10px;}


.sjs_menu { }
.sjs_menu .jiaru { height:38px; width:120px;border:1px solid #eee; font-size:14px; background:#fff;border-radius:20px;padding:0 10px; cursor:pointer; float:right; text-align:center; line-height:40px;}
.sjs_menu .jiaru a { color:#ff6700;}

.sjs_menu dl { float:left; position:relative; margin-right:10px;}
.sjs_menu dl dt { height:38px; width:140px; border:1px solid #eee; font-size:14px; color:#333; line-height:40px; background:#fff; border-radius:5px; padding:0 10px; cursor:pointer;}
.sjs_menu dl:hover dt { border:1px solid #ff6700;} 
.sjs_menu dl dt span { color:#999;}
.sjs_menu dl dd { position:absolute; top:40px; left:0px; width:100%;z-index:100;display:none;}
.sjs_menu dl:hover dd { display:block;} 
.sjs_menu dl dd .roll { background:#fff; max-height:300px; width:100%;border-radius:5px; box-sizing:border-box; overflow-y:auto; margin-top:5px; padding:5px 0;box-shadow: 0 2px 4px 0 rgb(54 58 80/.1);}
.sjs_menu dl dd .roll::-webkit-scrollbar{ width: 5px;}
.sjs_menu dl dd .roll::-webkit-scrollbar-track{ background-color: #f2f2f2; border-radius:0 5px 5px 0;}
.sjs_menu dl dd .roll::-webkit-scrollbar-thumb{ background-color: #e0e0e0; border-radius:3px;}
.sjs_menu dl dd a { display:block; font-size:14px; color:#666; line-height:36px; padding:0 10px;}
.sjs_menu dl dd a:hover { color:#ff6700; background:#ffe1cc;}


.sjs_list { overflow:hidden; padding-bottom:30px;}
.sjs_list dl { overflow:hidden; padding:20px 15px 15px; float:left; width:49%; background:#fff; margin-bottom:20px; box-sizing:border-box; border-radius:5px;}
.sjs_list dl:nth-child(2n+2) { float:right;}
.sjs_list dl dt { position:relative; overflow:hidden;}
.sjs_list dl dt .image { width:12%; float:left; margin-right:5%;}
.sjs_list dl dt .image img { width:100%; border-radius:50%; box-sizing:border-box; border:1px solid #eee;}
.sjs_list dl dt .text { float:left; width:82%;}
.sjs_list dl dt .text strong { font-size:16px;display:block; margin-bottom:8px;}
.sjs_list dl dt .text strong a { color:#111;}
.sjs_list dl dt .text p { font-size:14px; color:#999; line-height:24px;}
.sjs_list dl dt .text p span { margin-right:20px; display:inline-block;}
.sjs_list dl dt .ljzx { position:absolute; top:0px; right:0px;width:105px; height:32px; line-height:32px; background:#ff6700;text-align:center;border-radius:20px;}
.sjs_list dl dt .ljzx a { color:#fff;display:inline-block; font-size:14px;}
.sjs_list dl dt .ljzx a:before { content:"\e73c";font-family: 'iconfont'; float:left; font-size:16px; margin-right:3px;}
.sjs_list dl dd { overflow:hidden;}
.sjs_list dl dd a { display:block; float:left; width: 32%; margin:2% 2% 0 0;}
.sjs_list dl dd a:nth-child(3n+3) { margin-right:0;}
.sjs_list dl dd a img { width:100%; border-radius:5px;}
.sjs_list dl dd a p { font-size:12px; color:#666; line-height:30px; margin-top:5px;}







/*首页样式 END*/