@charset "utf-8";
/* CSS Document */

body,div,p,ul,li,span,h1,h2,h3{ margin:0; padding:0px; font-family:"微软雅黑",宋体, Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
a { text-decoration:none; color:#000; }
a:hover{text-decoration:none; color:#000; }
a img{ border:0 none;}
li{ list-style: none; }

.hair_nav{ width:26px; position:fixed; right:100px; top:50%; z-index: 999; }
.hair_nav li{ width:26px; height:26px; background:url(/rayli/zhuanti/beauty/ar29/images/nav.png) no-repeat; background-position:0 -35px; margin-bottom:10px; cursor:pointer; }
.hair_nav li a{ display:block;}
.hair_nav li.current{ background-position:0 0;}
/*header*/
.hair_header{ height:650px; background:url(/rayli/zhuanti/beauty/ar29/images/hair_header.jpg) top center no-repeat;}
.head_img{ width:1180px; height:650px; background:url(/rayli/zhuanti/beauty/ar29/images/hair_header.jpg) top center no-repeat; margin:0 auto; overflow:hidden; position:relative;}
.h_qi{ position:absolute; left:38px; top:182px; font-size:18px;}
.h_review{ position:absolute; left:38px; top:213px;}
.head_txt{ position:absolute; left:25px; bottom:20px; line-height:24px;}
.h_explain{ position:absolute; right:140px; bottom:10px; font-size:12px; line-height:22px; color:#666;}

/*part01*/
.part_01_box{ background:#fff;}
.part_01{ width:1180px; margin:0 auto; overflow:hidden;}
.part_tit{ text-align:center; height:93px; padding-top:35px;}
.part_txt{ padding:0 20px 30px;}
.part_txt_tit{ text-align:center; font-size:35px; padding-bottom:8px;}
.part_con_short{ text-align:center; line-height:24px;}
.part_con_long{ text-align:left; line-height:24px; text-indent:30px;}

.p1_box{ height:550px;}
.p1_left{ width:454px; height:454px; float:left; padding:0 8px 24px 0; background:url(/rayli/zhuanti/beauty/ar29/images/p1_box_bg.png) right bottom no-repeat; margin-right:50px; display:inline;}
.p1_bg{ width:424px; height:424px; padding:14px; border:1px solid #000; background:#fff; display:none;}
.p1_bg img{ width:424px; height:424px;}
.p1_right{}
.p1_btn{ width:152px; height:152px; cursor:pointer; background:url(/rayli/zhuanti/beauty/ar29/images/p1_img_bg01.png) right bottom no-repeat; padding:21px 38px 7px 8px; position:relative; float:left; margin:0 23px 70px 0; display:inline;}
.p1_btn img{ width:152px; height:152px; position:absolute; left:8px; top:21px; z-index:10;}
.p1_con{ width:152px; height:152px; position:relative;}
.p1_con span{ position:absolute; font-size:56px; left:62px; top:20px; z-index:20; color:#444;}
.p1_con p{ position:absolute; text-align:center; width:152px; top:90px; left:0; font-size:24px; z-index:20;}
.p1_txt{ position:absolute; width:152px; text-align:center; left:8px; top:188px; font-size:18px;}
.p1_btn.current{ background:url(/rayli/zhuanti/beauty/ar29/images/p1_img_bg02.png) right bottom no-repeat;}
.p1_btn.current .p1_con span{ left:46px; top:20px;}
.p1_btn.current .p1_con p{ top:100px;}
.p1_btn.current img{ display:none;}
.p1_btn.current .p1_txt{ color:#ee1c24;}

/*part02*/
.part_01_box{ background:#fff;}
.part_02{ width:1180px; margin:0 auto; overflow:hidden;}

.fan_box{ position:relative;}
.fan_nav{ width:1180px; height:590px; position:relative;}
.f_nav_btn{ width:200px; text-align:center; padding-top:110px; position:absolute; cursor:pointer; background:none;}
.f_nav_btn.btn01{ position:absolute; left:0; top:0;}
.f_nav_btn.btn02{ position:absolute; left:0; top:175px;}
.f_nav_btn.btn03{ position:absolute; left:0; top:350px;}
.f_nav_btn.btn04{ position:absolute; right:0; top:0;}
.f_nav_btn.btn05{ position:absolute; right:0; top:175px;}
.f_nav_btn.btn06{ position:absolute; right:0; top:350px;}
.f_nav_btn span{ width:98px; height:98px; position:absolute; top:0; left:50%; margin-left:-49px; display:block; background:url(/rayli/zhuanti/beauty/ar29/images/fan_nav_bg.png) no-repeat; text-align:center; line-height:98px; font-size:40px; overflow:hidden;}
.f_nav_btn p{ font-size:18px;}
.f_nav_btn.on span{ background:url(/rayli/zhuanti/beauty/ar29/images/fan_nav_bg.png) no-repeat; background-position:0 -98px; color:#ee1c24;}
.f_nav_btn.on p{ color:#ee1c24;}
.fan_navcon{ width:750px; height:490px; padding:0 18px 18px 0; display:none; position:absolute; left:208px; top:0; background:url(/rayli/zhuanti/beauty/ar29/images/fan_box_bg.png) right bottom no-repeat; }
.fan_navcon img{ width:750px; height:490px;}

/*part03*/
.part_03_box{ height:710px; background:url(/rayli/zhuanti/beauty/ar29/images/part03_bg.jpg) top center no-repeat;}
.part_03{ width:1180px; height:710px; background:url(/rayli/zhuanti/beauty/ar29/images/part03_bg.jpg) top center no-repeat; margin:0 auto; overflow:hidden; position:relative;}
.scroll_box{ width:580px; position:absolute; left:50px; top:250px; overflow:hidden;}
.q_box{ padding-left:100px; position:relative; overflow:hidden; margin-bottom:26px; float:left;}
.q_num{ width:83px; height:83px; background:url(/rayli/zhuanti/beauty/ar29/images/q_tit.png) no-repeat; position:absolute; left:0; top:0; display:block;}
.q_num.one{ background-position:0 0;}
.q_num.two{ background-position:0 -83px;}
.q_num.three{ background-position:0 -166px;}
.q_tit{ font-size:18px; font-weight:600; margin:6px 0 10px;}

#Scroller-1 { position: absolute; overflow: hidden; width:480px;height:80px;}
#Scroller-1 p {margin: 0; padding:5px 5px 0 0; line-height:24px; height:450px;}
.Scroller-Container {position: absolute;top:0; left: 0px;}
.Scrollbar-Track {width:9px; height:80px; position: absolute;top:0; right:0;}
.scroll_bg{ width:4px; height:80px; background:#000; margin:0 auto;}
.Scrollbar-Handle {position: absolute;top:0; left:0;width:9px; height:10px; background:url(/rayli/zhuanti/beauty/ar29/images/scroll_btn.png) no-repeat; cursor:pointer;}

.p3_all{ width:480px; height:80px; position:relative;}
#Scroller-2 { position: absolute; overflow: hidden; width:480px;height:80px;}
#Scroller-2 p {margin: 0; padding:5px 5px 0 0; line-height:24px; height:600px;}
.Scroller-Container02 {position: absolute;top:0; left: 0px;}
.Scrollbar-Track02 {width:9px; height:80px; position: absolute;top:0; right:0;}
.scroll_bg02{ width:4px; height:80px; background:#000; margin:0 auto;}
.Scrollbar-Handle02 {position: absolute;top:0; left:0;width:9px; height:10px; background:url(/rayli/zhuanti/beauty/ar29/images/scroll_btn.png) no-repeat; cursor:pointer;}

#Scroller-3 { position: absolute; overflow: hidden; width:480px;height:80px;}
#Scroller-3 p {margin: 0; padding:5px 5px 0 0; line-height:24px; height:300px;}
.Scroller-Container03 {position: absolute;top:0; left: 0px;}
.Scrollbar-Track03 {width:9px; height:80px; position: absolute;top:0; right:0;}
.scroll_bg03{ width:4px; height:80px; background:#000; margin:0 auto;}
.Scrollbar-Handle03 {position: absolute;top:0; left:0;width:9px; height:10px; background:url(/rayli/zhuanti/beauty/ar29/images/scroll_btn.png) no-repeat; cursor:pointer;}

/*part04*/
.part_04_box{ height:1032px; background:url(/rayli/zhuanti/beauty/ar29/images/part05_bg.jpg) top center no-repeat;}
.part_04{ width:1180px; padding-bottom:80px; margin:0 auto; overflow:hidden;}
/*part05*/
.part_05_box{ background:#fff;}
.part_05{ width:1180px; height:1032px; margin:0 auto;}


/*slider01*/
.slider01{ width:1180px; margin:0 auto; position:relative;}
.swiper-container01 { height:100%; position:relative; overflow:hidden;}
.swiper-slide01 { float:left; width:100%; height:100%;}
.swiper-slide01 .p_box{ position: relative; width:88%; height:100%; line-height:100%; overflow:hidden; margin:0 auto; text-align:center;}
.swiper-slide01 .p_box img{ width:100%;}
.swiper-slide01 .p_box p{ position: absolute; left: 0; bottom: 0; background: #000; color: #fff; width: 100%; font-size:14px; padding:10px 0; font-family:'微软雅黑'; text-align:center;}

.swiper-button-next01, .swiper-button-prev01{ overflow: hidden; width:73px; height:73px; background:url(/rayli/zhuanti/beauty/ar29/images/p5_btn.png) no-repeat; position:absolute; top:50%; margin-top: -37px; cursor:pointer;}
.swiper-button-prev01{ left:-100px; background-position:0 0;}
.swiper-button-next01{ right:-100px; background-position:-73px 0;}
.swiper-button-prev01:hover{ background-position:0 -73px;}
.swiper-button-next01:hover{ background-position:-73px -73px;}

.swiper-wrapper01 { overflow: hidden; position: relative; height:100%;}
.swiper-wrapper01 > div { float:left;  width:100%; position: relative;}
/*slider01*/
.part05_ul{}
.part05_ul li{ width:383px; height:383px; float:left; margin:0 14px 14px 0; display:inline; position:relative;}
.part05_ul li a{ display:block;}
.part05_ul li img{ width:383px; height:383px; position:absolute; left:0; top:0;}
.part05_ul li.noline{ margin-right:0;}
@media screen and (max-width: 1380px){ .swiper-button-prev01{ left:0px;} .swiper-button-next01{ right:0px;} }
.p5_tip{ width:355px; height:355px; background:#000; background:rgba(0,0,0,0.8); opacity:0.8; filter:alpha(opacity=80); position:absolute; left:14px; top:14px;}
.icon_cut{ width:64px; height:64px; background:url(/rayli/zhuanti/beauty/ar29/images/icon_cut.png) no-repeat; position:absolute; left:50%; top:70px; margin-left:-32px;}
.p5_con{ padding:140px 30px 0;}
.icon_dian{ background:url(/rayli/zhuanti/beauty/ar29/images/icon_dian.png) bottom center no-repeat; color:#fff; text-align:center; font-size:18px; padding:15px 0; margin-bottom:10px;}
.cut_txt{ text-align:center; color:#fff; line-height:24px;}

/*slider02*/
.slider02{ width:1180px; margin:0 auto; position:relative;}
.swiper-container02 { height:100%; position:relative; overflow:hidden;}
.swiper-slide02 { float:left; width:100%; height:100%;}
.s_show_box{ width:1180px; height:512px; position:relative;}
.s_show{ position:absolute; border:1px solid #ccc; background:#fff;}
.s_show p{ width:100%; height:50px; line-height:50px; text-align:center; position:absolute; left:0; bottom:0; background:#fff; background:rgba(255,255,255,0.8); opacity:0.8; filter:alpha(opacity=80); white-space:nowrap; overflow:hidden;}
.s_show:hover p{ background:#000; background:rgba(0,0,0,0.7); color:#fff;}

.s_show.show01{ border:0 none; width:408px; height:512px; left:0; top:0;}
.s_show.show01 p{ height:60px; line-height:60px; background:#000; background:rgba(0,0,0,0.7); color:#fff;}
.s_show.show02{ width:252px; height:252px; left:411px; top:0;}
.s_show.show03{ width:252px; height:252px; left:411px; bottom:0;}
.s_show.show04{ width:252px; height:510px; left:668px; bottom:0;}
.s_show.show05{ width:252px; height:252px; right:0; top:0;}
.s_show.show06{ width:252px; height:252px; right:0; bottom:0;}

.swiper-wrapper02 { overflow: hidden; position: relative; height:100%;}
.swiper-wrapper02 > div { float:left;  width:100%; position: relative;}

.swiper-pagination02{ width:120px; margin:0 auto; padding: 20px 0; }
.swiper-pagination-bullet02{ width:20px; height:20px; background:url(/rayli/zhuanti/beauty/ar29/images/show_nav.png) no-repeat; border-radius:100%; float:left; margin:0 5px; display:inline; cursor:pointer;}
.swiper-pagination-bullet-active02{ background:url(/rayli/zhuanti/beauty/ar29/images/show_nav.png) no-repeat; background-position:0 -20px;}
/*slider02*/