body { background:#fff;}

.w1100 {margin:auto;width:1100px;clear:both; position:relative}


.b1 { height: 1px;font-size: 1px;clear: both;width: 100%;overflow: hidden;}



.m-focus{width:100%;overflow:hidden;z-index:1;}
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { float: left;list-style-type:none }
.m-focus .m-focus-box .swiper-wrapper img { width: 100%;display: block;}
.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:20px;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;cursor:pointer;margin: 0 5px;width:12px;height:4px;background:rgba(255,255,255,.8);}
.swiper-pagination-bullet-active {background:#fe3232;width:12px;height:4px;}


.banner { position: relative; width:100%; overflow:hidden;}

.page_menu { height: 45px;  width:100%;z-index: 9999; padding:15px 0;}
.page_menu .page_logo,.page_menu ul,.page_menu ul li { float:left;}
.page_menu .page_logo { margin-right:30px;padding-top:5px;}
.page_menu .page_logo img { height:35px;} 
.page_menu ul li { font-size: 14px; margin:0 20px; line-height:45px;}
.page_menu .page_login {float: right;}
.page_menu .page_login a { display: inline-block; height:30px;border-radius: 20px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; width: 90px; margin:7px 0 0 20px; box-sizing: border-box; border:1px solid #fff; float: left;}
.page_menu .page_login a:nth-child(1) { background:#ff6600; border:1px solid #ff6600;}


.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;}




.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:10px; text-align:center;}
.hzpp ul li:nth-child(6n+6) { margin-right:0;} 
.hzpp ul li img{width:100%;}


.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;}

.here{width:1200px;margin:0px auto;overflow: hidden;padding:15px 0;font-size:14px;}
.here i{font-family: "宋体";}


.stylist ul li { float:left; width:49%; margin-bottom: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 {overflow:hidden;text-align:left;border-left:#ee2e2c 2px solid;padding:0px 10px;}
.stylist_title b { font-size:20px; font-weight:400; color:#000;}
.stylist_title p { font-size:12px;font-weight:normal; color:#999;}


.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%;margin-right:20px;}
.stylist_preview .left img { width:350px;box-shadow: 10px 10px 0 #c6a882;}
.stylist_preview .right { overflow:hidden}
.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 { font-size:14px; line-height:25px;}
.stylist_preview .right dl dt { width:56px; color:#333;text-align: justify;text-align-last: justify;float:left;margin-right:10px;}
.stylist_preview .right dl dd { overflow:hidden; 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:170px; margin-right:20px;}
.zhouping.row_4 .bd ul li { margin-bottom:15px;}
.zhouping.row_4 .bd ul li:nth-child(5n+5) { margin-right:0;}
.zhouping .bd ul li img { width:100%;}
.zhouping .bd ul li p { font-size:14px; color:#666; line-height:30px; margin-top:5px; text-align:center}
.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;}



.photo_top { overflow:hidden; border-bottom:1px solid #eee;/*padding: 15px 15px 0; background:#f9f9f9;*/ padding-bottom:15px;}
.photo_top .left { float:left;max-width:70%;}
.photo_title { font-size:28px; color:#111;}
.photo_top .left .photo_info p { font-size:14px; color:#999; overflow:hidden;margin-top:10px;line-height:26px;}
.photo_top .canshu { padding-top:15px;line-height:26px;color:#999;overflow:hidden; width:100%;font-size:14px;}
.photo_top .canshu span { display:block; float:left; width:20%;color:#555}
.photo_top .canshu span i { width:58px; display:inline-block;text-align: justify;text-align-last: justify; position:relative; padding-right:15px;color:#999}
.photo_top .canshu span i:after { content:"："; position:absolute;}

.photo_top .right { float:right; width: 26%; height:70px; display: flex;align-items: center;}
.photo_top .right .image { width:70px; height:70px; float:left; overflow:hidden; border-radius:50%; margin:0 15px;}
.photo_top .right .image img { width:100%;}
.photo_top .right .text h2 { font-size:18px; display:block; overflow:hidden; color:#111;}
.photo_top .right .text p { margin-top:10px;}
.photo_top .right .text p a { padding:5px 20px; border:1px solid #ddd; display:inline-block;overflow:hidden; border-radius:5px; font-size:14px; background:#fff;}