@charset "utf-8";
/* CSS Document */
/*通用样式开始*/
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px;}
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body {color: #545454; line-height: 1.2; background:url(../images/body_bg.jpg); background-color:#FFF;}
a, a:link { color: #222; text-decoration: none; }
a:visited {}
a:active, a:hover { text-decoration: underline; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.more { float: right; }
.more a { font-weight: normal; font-size: 12px; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
/*通用样式结束*/
/*顶部导航样式开始*/
#top_header { background: url("../images/nav_bg_02.jpg") repeat-x;}
.header_nav { margin: 0px auto; width: 993px; overflow: hidden;}
.logo { width: 108px; height: 31px; float: left; display: block;}
.top_meua { width:760px; height: 31px; float: left;}
.top_meua li { background: url("../images/line_e9e9e9.gif") no-repeat right 50%; height: 31px; text-align: center; line-height: 31px; padding-right: 9px; margin-left: 9px; float: left;
}
.top_meua a{ font-size:12px;}
.top_meua li.qxbg {}
.top_meua li .zhuanqu { background: url("../images/top_meua.jpg") no-repeat left; width: 43px; height: 31px; display: block;}
.top_meua .meua_2 { text-align: left; margin-left: 0px;}
.top_meua_qingchu { width:114px; height: 26px; display:block; padding-top:6px; padding-right: 5px; _padding-top:0px;}
.meua { background: url("../images/nav.jpg") no-repeat right; width: 70px; height: 31px; display: block;}
.top_meua li .font { color: rgb(0, 153, 255);}
.top_meua li a:hover { color: rgb(0, 153, 255); text-decoration: underline;}
.top_right { width:220px; height:30px; line-height:30px; display:block; float: right;}
.top_right li{ width:30px; height:30px; line-height:30px; display:block; float:left; margin:0 10px 0 0;}
/*顶部导航样式结束*/
.top_pic{ width:100%; height:533px; background:url(../images/top_pic.jpg) no-repeat center center; }
.top_txt{ width:990px; height:533px; overflow:hidden; margin:0 auto; position:relative;}
.top_txt p{ width:420px; height:140px; position:absolute; top:320px; left:10px; line-height:25px; text-indent:2em; color:#838383;}
.cont_bg{ width:100%; background:url(../images/cont_bg.jpg) center  top no-repeat;}
.cont{ width:990px; overflow:hidden; margin:0 auto; background: url(../images/cont-bg.jpg) repeat-y;}


.w981 { margin: 0px auto; width: 980px;}
.content { padding-left: 10px; width: 960px;}
.w950 { width: 950px; background: #fff;}
.div { margin: 24px auto 21px; width: 912px; height: 75px;}
.ty-pic { margin: 0px auto; width: 902px; height: 580px; }
.ty-left { width: 528px; background: url(http://topic.aili.com/images/topic_beauty_xnfx/ty-l-bg.jpg) no-repeat left top; height: 580px;}
.float { float: left; }
.p-r { position: relative; }
.pic-p1 { top: 55px; left: 10px; }
.pic-p2 { top: 55px; right: 10px; }
.pic-p3 { top: 268px; right: 10px; }
.p-a { position: absolute; }
.bjzj { padding-bottom: 17px; padding-left: 15px; width: 492px; padding-right: 15px; background: #f0f4dd; height: 72px; color: #797a72; padding-top: 17px;}
.bj-dw { bottom: 0px; left: 3px;}
.ty-right dt { padding-bottom: 0px; padding-left: 10px; width: 343px; padding-right: 0px; background: url(http://topic.aili.com/images/topic_beauty_xnfx/dt-bg.jpg) no-repeat; height: 524px; padding-top: 16px; }
.ml20 { margin-left: 20px; }
.dd { text-align: center; line-height: 40px; width: 322px; background: #f0f4dd; height: 40px; }
.dd a { color: #575757; font-size: 14px; }
.ty-left { width: 528px; background: url(../images/ty2-l-bg.jpg) no-repeat left top; height: 580px;}
.bg2 { background: url(../images/ty2-l-bg.jpg) no-repeat left top;}
.div3-left { width: 569px; height: 580px;}
.pic-p8 { line-height: 22px; width: 217px; letter-spacing: -1px; height: 193px; color: #797a74; top: 43px; right: 59px;}
.float2 { float: right;}
.pic-p82 { top: 89px; right: 10px;}
.pic-p9 { bottom: 125px; right: 120px;}
.p2 { width: 99px; letter-spacing: 0px; height: 195px; color: #787971; top: 267px; right: 0px;}
.div3-right { display: inline; margin-left: 10px;}
.div3-right dl { padding-top: 6px;}
.div3-right dt { padding-bottom: 10px; padding-left: 10px; width: 302px; padding-right: 10px; margin-bottom: 2px; background: url(http://topic.aili.com/images/topic_beauty_xnfx/div3dt.jpg) no-repeat; height: 512px; padding-top: 10px;}
.bg3 { background: url(../images/ty2-l-bg.jpg) no-repeat left top;}

.step { width: 130px; height: 55px; top: 66px; left: 33px;}
.step2 { width: 144px; height: 78px; top: 195px; left: 208px;}
.step3 { width: 123px; height: 52px; top: 66px; left: 381px;}
.step4 { width: 132px; height: 55px; top: 195px; right: 190px;}
.step5 { width: 122px; height: 60px; top: 66px; right: 20px;}
.ty-pic { margin: 0px auto; width: 902px; height: 580px;}
.tujie { line-height: 18px; background: url(../images/process.jpg) no-repeat; height: 429px; color: #797a72;}


.show{ width:941px; height:245px; margin:0 auto;}

/*产品图片切换样式*/
.rollBox img{border:none;}
.rollBox{width:941px;overflow:hidden;margin:0 auto;}
.rollBox .Cont{width:800px;overflow:hidden;margin:0 auto;padding-top:20px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:140px; _width:130px; float:left;text-align:center;padding-right:20px; _padding-right:5px;}
*+html .rollBox .Cont .pic{width:140px; _width:130px; float:left;text-align:center;padding-right:30px; _padding-right:15px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;display:block;margin:0 auto;}
.pic i{ font-size:12px;  line-height:20px; overflow:hidden; font-style:normal; _line-height:21px; }
.pic i a{ display:block; width:150px; height:20px; _height:21px; background:#000; color:#FFF;}
.pic i a:hover{ display:block; width:150px; height:20px; background:#790013; color:#FFF;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.Cont a:link .Cont a:visited{color:#626466;text-decoration:none;}
.Cont a:hover{color:#f00;text-decoration:none;}
.rollBox #List1,.rollBox #List2{float:left;}
.img1,.img2,.Cont{
float:left;}
.img1,.img2{
width:60px;
height:105px;
display:block;
cursor:pointer;
margin-top:75px;
}
.img1{
	background-image:url(../images/shqm_left_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;}

.img2{
	background-image:url(../images/shqm_right_pic.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}


/*留言薄*/
.message{ width:725px; float:left;}
/*策划/编辑*/
.links{ width:200px; float:right; _width:200px; height:120px;}
.links p{ font-size:12px; margin-top:15px; margin-left:15px; _margin-left:5px;}
/* 以后都要用到*/

.footer{clear:both;line-height:30px; text-align:center; padding-top:40px; padding-bottom:20px; margin-left:20px; margin-right:auto; font-size:12px;}  
.footer *{ color:#000; font-size:12px;}