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

body,div,p,ul,li,dl,dd,dt,h3{ margin:0; padding:0;}
body{ font:12px '微软雅黑' Arial, Helvetica, sans-serif; background-color:#f7f7f7;}
img{ border:0; vertical-align:middle;}
ul,li{ list-style:none;}
a{ text-decoration:none;}

.page{ width:1002px; margin:0 auto;}

#focus {width:950px; height:300px; overflow:hidden; position:relative;}
#focus ul {height:300px; position:absolute;}
#focus ul li {float:left; width:950px; height:320px; overflow:hidden; position:relative; background:#fff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:950px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:700px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.topbg{ height:35px; line-height:35px; text-align:right; padding-right:20px; background:url(../images/tpbg.gif) no-repeat;}
.topbg a{ color:#3d3d3d; margin-right:20px;}
.centerbg{ padding:3px 20px 0 26px; background:url(../images/bg.gif) repeat-y;}

.hzpbb{ width:930px; height:215px; padding:15px 10px; background:url(../images/bbbg.gif) repeat-x; overflow:hidden;}
.hzpbbcon{ width:255px; height:175px; margin:0 7px; padding:20px; background:url(../images/hzpk.gif) no-repeat; float:left;}
.hzpbbcon p{ width:255px; height:90px; margin-top:15px; color:#f31d59; font-size:14px; text-indent:2em; line-height:24px; clear:both;}
/*2014-1-9外网调整的化妆品新样式*/
.hzpbbconf{ width:190px; height:192px; padding:20px 20px 15px 20px;; background:url(../images/hzpk.jpg) no-repeat; float:left;margin-left: 73px;}
.hzpbbconf p{ width:190px; height:95px; margin-top:5px; margin-bottom:5px; color:#f31d59; font-size:14px; text-indent:2em; line-height:18px; clear:both;}

.nyhzp{ width:930px; height:auto; font-size:14px; padding:15px 10px; background:url(../images/nyconbg.gif) repeat-x; overflow:hidden;}

.introduce{ margin-bottom:20px; font-size:16px; font-weight:bolder; background:url(../img/intbg.gif) bottom repeat-x; overflow:hidden;}
.inttitle{ clear:both;}
.intcon{ padding:10px;}
.intcon img{ float:left; margin:15px;}
.intcon ul{ margin-top:10px;}
.intcon li{ width:150px; height:40px; line-height:40px; color:#f53d6d; padding-left:40px; float:left; background:url(../images/jt.gif) 15px center no-repeat; overflow:hidden;}
.intcon p{ padding-top:15px; text-indent:2em; line-height:30px;}
.intcon-x{ clear:both; text-align:center; line-height:50px; color:#f53d6d;}

.intconv9{ padding:10px;}
.intconv9 img{ float:left; margin:15px;}
.intconv9 ul{ margin-top:10px;}
.intconv9 li{ height:40px; line-height:40px; color:#f53d6d; padding-left:30px; background:url(../images/jt.gif) 10px center no-repeat; overflow:hidden;}
.intconv9 p{ padding-top:15px; text-indent:2em; line-height:30px;}

#TabTab03Con1,#TabTab03Con2,#TabTab03Con3,#TabTab03Con4,#TabTab03Con5,#TabTab03Con6,#TabTab03Con10,#TabTab03Con11,#TabTab03Con12,#TabTab03Con13,#TabTab03Con14,#TabTab03Con15,#TabTab03Con16{width:900px;padding:15px; clear:both; margin:0 auto; overflow:hidden;}

.xixi1{width:578px;height:40px;background-image:url(../images/tabbg1.gif);cursor:pointer;}
.xixi2{width:578px;height:40px;background-image:url(../images/tabbg2.gif);cursor:pointer;}
.xixi3{width:578px;height:40px;background-image:url(../images/tabbg3.gif);cursor:pointer;}
.xixi4{width:578px;height:40px;background-image:url(../images/tabbg4.gif);cursor:pointer;}
.xixi5{width:578px;height:40px;background-image:url(../images/tabbg5.gif);cursor:pointer;}
.xixi6{width:578px;height:40px;background-image:url(../images/tabbg6.gif);cursor:pointer;}

.v8xixi1{width:814px;height:40px;background-image:url(../images/tabbg1-1.gif);cursor:pointer;}
.v8xixi2{width:814px;height:40px;background-image:url(../images/tabbg2-1.gif);cursor:pointer;}
.v8xixi3{width:814px;height:40px;background-image:url(../images/tabbg3-1.gif);cursor:pointer;}
.v8xixi4{width:814px;height:40px;background-image:url(../images/tabbg4-1.gif);cursor:pointer;}
.v8xixi5{width:814px;height:40px;background-image:url(../images/tabbg5-1.gif);cursor:pointer;}
.v8xixi6{width:814px;height:40px;background-image:url(../images/tabbg6-1.gif);cursor:pointer;}
.v8xixi7{width:814px;height:40px;background-image:url(../images/tabbg7-1.gif);cursor:pointer;}

.tab1,.tab2,.tab3,.tab4,.tab5,.tab6,.tab7{height:30px;float:left;text-align:center;cursor:pointer;color:#FFF; font-weight:bolder; padding-top:10px;}
.tab1,.tab2,.tab3{ width:115px;}
.tab4,.tab5{ width:116px;}
.tab6{ width:120px;}
.tab7{ padding-left:30px;}

.tabcon{ width:900px; height:140px; background:url(../images/xd.gif) 0 bottom repeat-x; margin-bottom:20px; clear:both;}
.tabcon img{ float:left; margin-right:20px;}
.tabcon h3{ color:#f53d6d; line-height:40px; padding-top:5px;}
.tabcon p{ line-height:26px;}
.tabcon h4{ line-height:28px;}

.tabconzz{width:900px; margin-bottom:20px; clear:both;}
.tabconzz h3{ color:#f53d6d; line-height:40px; padding-top:5px;}
.tabconzz p{ line-height:26px;}
.tabconzz-t{ text-align:center;}
.tabconzz-t img{ margin-top:10px;}

#TabTab03Con2{ width:900px; clear:both; margin:0 auto;}
#TabTab03Con2 img{ clear:both;}
#TabTab03Con2 h3{ color:#f53d6d; line-height:30px; clear:both; margin-top:10px;}
#TabTab03Con2 p{ line-height:26px; text-indent:2em; clear:both; background:url(../images/xd.gif) 0 bottom repeat-x; padding-bottom:10px;}
#TabTab03Con2 h4{ line-height:30px;}

#TabTab03Con4 h3{ line-height:60px;}

#TabTab03Con10{ width:900px; clear:both; margin:0 auto;}
#TabTab03Con15{ width:900px; clear:both; text-align:center; margin:0 auto;}
#TabTab03Con15 h3{ line-height:60px;}

#TabTab03Con11 h3{ color:#f53d6d; line-height:40px; clear:both; margin-top:15px;}
#TabTab03Con11 p{ line-height:26px; text-indent:2em; clear:both; background:url(../images/xd.gif) 0 bottom repeat-x; padding-bottom:10px;}
#TabTab03Con11 h4{ line-height:30px;}

.xzly{ color:#ea0c4b; height:280px; background:url(../images/lybg.gif) no-repeat;}
.xzly ul{ font-size:14px; padding-left:310px;}
.xzly li{ line-height:30px; padding-top:11px;}

.sp{ width:950px; height:350px; background:url(../images/spbg.gif) repeat-x; clear:both; overflow:hidden;}
.sp-sp{ float:left; padding-top:25px; padding-left:96px;}
.sp-xz{ width:160px; float:left; font-weight:bolder; text-align:center; padding-left:20px; padding-left: 112px;}

.sp-xz-div{ line-height:50px;}
.sp-erwm{ width:220px; float:left; padding-top:90px; text-align:center; line-height:26px; font-size:14px; font-weight:bold;margin-left: 116px;}

.dxkh{ width:890px; height:550px; padding:15px 30px; background:#fff8fa url(../images/dxkhbg.gif) repeat-x; overflow:hidden;}
.dxkh dl{ width:115px; height:90px; float:left; padding:0 30px 0 30px;}
.dxkh dt{ line-height:40px; text-align:center;}
.dxkh ul{ clear:both;  padding-left:40px;}
.dxkh li{ float:left; height:30px; line-height:30px; width:170px;overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}

*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
#tbox{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}/*解决IE6下不兼容 position:fixed 的问题*/
#gotop{ width:47px; height:47px; background:url(../images/top01.png) no-repeat; position:absolute; top:0px; display:none; cursor:pointer} 
#gotop:hover{ background:url(../images/top02.png) no-repeat;}

.copyright{ width:950px; padding-bottom:5px;}
.copyright a{ color:#000;}
.bot{ width:1002px; height:20px; background:url(../images/btbg.gif) no-repeat; margin:0 auto;}


/*化妆品微信样式*/
.wx_imga{ background:url(../images/hzpzl_wx1.png) no-repeat; width:950px; height:438px;}
.wx_topic{width:950px; height:47px;}
.wx_QaA{ background:url(../images/hzpzl_wx8.jpg) top no-repeat; padding-left:80px;}
.Qa{color:#f87496; padding-top:10px; }
.Aa{color:#02a9e7; line-height:18px;padding:10px 20px 10px 0px;}
.wxxixi1{width:578px;height:40px;background-image:url(../images/tabbgb.gif);cursor:pointer;}
.wxxixi2{width:578px;height:40px;background-image:url(../images/tabbgn.gif);cursor:pointer;}
.wxxixi3{width:578px;height:40px;background-image:url(../images/tabbgc.gif);cursor:pointer;}
.wxnyhzp{ width:950px; height:auto; font-size:14px; background:#fffbfd; overflow:hidden; padding-top:10px; padding-bottom:20px;}
#TabTab03Con30,#TabTab03Con31,#TabTab03Con32{width:950px;clear:both; margin:0 auto; overflow:hidden;}

.wxtabcon{ width:900px; height:140px; background:url(../images/xd.gif) 0 bottom repeat-x; margin-bottom:20px; clear:both; margin-left:25px; margin-right:25px;}
.wxtabcon img{ float:left; margin-right:20px;}
.wxtabcon h3{ color:#f53d6d; line-height:40px; padding-top:5px;}
.wxtabcon p{ line-height:26px;}
.wxtabcon h4{ line-height:28px;}
.wxtext{width:570px; padding-left:328px; line-height:31px; padding-top:65px; font-size:14px;}