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

body{ font-family:"微软雅黑",宋体, Arial, Helvetica, sans-serif; color:#000; font-size:14px;}
a { text-decoration:none; color:#000; }
a:hover{text-decoration:none; color:#000; }
a img{ border:0 none;}
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none;}
:-moz-focus-inner{border:0px;}
div,body,ul,li,h1,h2,h3,p,span{margin: 0;padding: 0;}
.png {background-image: expression(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/1.gif")} 


.header{ height:637px; background:url(/rayli/zhuanti/beauty/beauty_201701/images/header.jpg) top center no-repeat;}
.header_in{ width:1180px; height:637px; margin:0 auto; background:url(/rayli/zhuanti/beauty/beauty_201701/images/header.jpg) top center no-repeat;}
.daoyu{ width:1180px; margin:0 auto; padding:30px 0; overflow:auto; height:auto;}
.dy_l{ width:170px; float:left; padding-left:50px;}
.dy_r{ padding-right:40px; font-size:16px; line-height:28px;}

/*part01*/
.part1_body{ height:1030px; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part1_bg.jpg) top center no-repeat;}
.body1_in{ width:1180px; height:1030px; margin:0 auto; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part1_bg.jpg) top center no-repeat; position:relative;}
.p1_tit{ width:326px; height:413px; position:absolute; left:31px; top:40px; z-index:30;}
.p1_box{ background:#fff; border:1px solid #000; padding:2px; position:absolute; width:336px; height:423px;}
.p1_n{ width:188px; height:40px; background:#000; line-height:40px; color:#fff; text-align:center; font-size:22px; position:absolute; left:80px; z-index:60;}
.p1_n.n1{top:-20px;}
.p1_n.n2{bottom:-20px;}
.p1_box.s1{ left:353px; top:70px; z-index:20;}
.p1_box.s2{ left:690px; top:78px; z-index:10;}
.p1_box.s3{ left:256px; top:452px; z-index:50;}
.p1_box.s4{ left:588px; top:496px; z-index:40;}
.p1_img{ width:336px; height:423px; position:absolute; left:2px; top:2px; overflow:hidden;}
.p1_img img{ width:336px; height:423px; position:absolute; left:0; top:0;}
.p1_txt{ width:226px; position:absolute; left:31px; top:495px; background:#000; z-index:5;}
.p1_con{ padding:10px 15px 20px; color:#fff;}
.p1_con span{ width:60px; height:60px; display:block; float:left; font-size:50px; line-height:none;}
.p1_con p{ line-height:26px; padding-top:10px;}

/*part2*/
.part2_body{ height:916px; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part2_bg.jpg) top center no-repeat;}
.body2_in{ width:1180px; height:916px; margin:0 auto; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part2_bg.jpg) top center no-repeat; position:relative;}

.con_slider{ width:1180px; height:850px; position:relative;}
.content{ width:1180px; height:850px; overflow:hidden; position:relative;}
.content img{ width:1180px; height:850px; position:absolute; left:0; top:0; display:none;}
.tip{ width:135px; height:200px; position:absolute; top:380px; right:30px;}
.img_btn_l{ width:135px; height:95px; background:url(#) no-repeat; position:absolute; left:0; top:0; cursor:pointer;}
.img_btn_r{ width:135px; height:95px; background:url(#) no-repeat; position:absolute; left:0; bottom:0; cursor:pointer;}
.img_btn_l:hover{ background:url(/rayli/zhuanti/beauty/beauty_201701/images/btn_l_h.png) no-repeat;}
.img_btn_r:hover{ background:url(/rayli/zhuanti/beauty/beauty_201701/images/btn_r_h.png) no-repeat;}

/*part3*/
.part3_body{ height:780px; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part3_bg.jpg) top center no-repeat;}
.body3_in{ width:1180px; height:780px; margin:0 auto; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part3_bg.jpg) top center no-repeat; position:relative;}
.p3_tit{ width:326px; height:413px; position:absolute; left:31px; top:0; z-index:10;}

.z_con_slider{ width:1180px; height:916px; position:relative;}
.z_content{ width:1180px; height:916px; overflow:hidden; position:relative;}
.z_con{ width:1180px; height:916px; position:absolute; left:0; top:0; z-index:20; display:none;}
.z_show{ width:242px; height:310px; border:1px solid #000; position:absolute; cursor:pointer; display:block; overflow:hidden; z-index:20;}
.z_show_txt{ position:absolute; width:222px; left:0; bottom:-50%; background:url(/rayli/zhuanti/beauty/beauty_201701/images/part3_txt_bg.png) repeat; color:#fff; text-align:center; padding:10px;
 transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.z_show:hover .z_show_txt{ bottom:0;}
.z_show.z01{ left:384px; top:32px;}
.z_show.z02{ left:646px; top:32px;}
.z_show.z03{ left:907px; top:32px;}
.z_show.z04{ left:235px; top:359px;}
.z_show.z05{ left:496px; top:359px;}
.z_show.z06{ left:757px; top:359px;}
.z_tip{ width:135px; height:200px; position:absolute; top:359px; right:30px; z-index:30;}
.z_img_btn_l{ width:135px; height:95px; background:url(#) no-repeat; position:absolute; left:0; top:0; cursor:pointer;}
.z_img_btn_r{ width:135px; height:95px; background:url(#) no-repeat; position:absolute; left:0; bottom:0; cursor:pointer;}
.z_img_btn_l:hover{ background:url(/rayli/zhuanti/beauty/beauty_201701/images/btn_l_h.png) no-repeat;}
.z_img_btn_r:hover{ background:url(/rayli/zhuanti/beauty/beauty_201701/images/btn_r_h.png) no-repeat;}