/* 
Yahoo! CSS Reset (YUI 3)
http://developer.yahoo.com/yui/3/cssreset/
CSSresetr.com
*/
*{ margin: 0; padding: 0;}
html, body, div, span, object, iframe, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}
body {color: #1D1D1D;font-family: 宋体; font-size: 12px;line-height: 24px; }
input, select {font-size: 12px;line-height: 16px;}
img { border: 0 none;}
ul, li {list-style-type: none;}
.tc { text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.fl{float:left; display:inline}
.fr{float:right; display:inline;}
.f14{ font-size:14px;}
.fb{ font-weight:bold;}
.pd{ padding:0px 40px;}
.pd1{ padding:0px 0px 0px 30px;}
.pt{ padding-top:10px;}
.hs{ color:#977011}
.clear{clear:both; height:0px; overflow:hidden; font-size:1px;}
.hr_10{clear:both; height:10px; overflow:hidden; font-size:1px;}
a {color:#000000;text-decoration: none;}
a:hover{ color:#cc0000;}
a:link,a:visited {text-decoration: none;}
.main{ width:100%; font-family:微软雅黑, 宋体; font-size:12px; background:#ffffff;color: #000;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.hidden{ display: none; }
div{ overflow: visible; }
.sbg1 {background:url(../images/top1.jpg) center center no-repeat; height:454px; }
.sbg2 .ban{ position:absolute; height:55px;width:100%;bottom:120px;left:0px; }
.sbg2 .ban .btnn1{ margin:0 auto; width:840px; padding-left:160px;}
.sbg2 .ban .btnn1 a{ display:block; width:120px; height:50px;}

.sbg2 {width:100%;background:url(../images/top2.jpg) center center no-repeat; height:348px;position: relative;z-index:50; }
.sna{height:55px;width:100%;bottom:0px;left:0px;background:url(../images/nav.png) center top no-repeat;z-index:100;}
.sc{width:1000px;margin:0 auto;position:relative;}
.sab{display:block;position: absolute;}
.sc_p{width:250px;color:#745c35;top:47px;left:534px;line-height: 25px;}
.sc_a{width:76px;height:31px;left:428px;}
.sc_a1{top:49px;}
.sc_a2{top:101px;}
.sna_v{height:55px;position: relative;}
.sna_v li{float: left;cursor: pointer; padding-right:2px;}
.sna_v li,.sna_v li span{display: block;height: 55px;}
.sna_v li.sl1{ width:150px;}
.sna_v li.sl2{ width:150px;}
.sna_v li.sl3{ width:234px;}
.sna_v li.sl4{ width:150px;}
.sna_v li.sl5{ width:150px;}
.sna_v li.sl6{ width:150px;}

.sa{background:url(../images/co.jpg) center top repeat-y;position: relative;}
.so,.so_d{height:732px;}
.so_d{overflow: hidden;}
.sfl{float: left;height:732px;}
.s1{background:url(../images/s1.jpg)  no-repeat;}
.s2{background:url(../images/s2.jpg)  no-repeat;}
.s3{background:url(../images/s3.jpg)  no-repeat;}	
.s4{background:url(../images/s4.jpg)  no-repeat;}

.s5{background:url(../images/s5.jpg)  no-repeat;}
.s6{background:url(../images/s6.jpg)  no-repeat;}

.s1 .one{ position:absolute; width:400px; height:120px; font-size:14px; right:50px; top:110px; color:#666666; line-height:22px;}
.s1 .two{ position:absolute; width:200px; height:50px; bottom:10px; right:150px;}
.s1 .two a{ display:block; width:200px; height:50px;}
.sc .two .snex{ background:none;}
.s1 .three{ position:absolute; width:563px; height:265px; bottom:74px; left:36px;}
.s1 .three a{ display:block; width:563px; height:265px;}

.s2 .one{ position:absolute; width:365px; height:85px; left:440px; bottom:30px; font-size:14px; color:#333333}
.s2 .two{ position:absolute; width:120px; height:50px;right:20px; bottom:10px;}
.s2 .two a{ display:block; width:120px; height:50px;}
.s2 .yuan1{ position:absolute; width:126px; height:127px; left:61px; top:194px;}
.s2 .yuan1 a{ display:block; width:126px; height:127px;}
.s2 .yuan1 a:hover{ background:url(../images/yuan1.jpg) no-repeat;}

.s2 .yuan2{ position:absolute; width:126px; height:127px; left:445px; top:385px;}
.s2 .yuan2 a{ display:block; width:126px; height:127px;}
.s2 .yuan2 a:hover{ background:url(../images/yuan2.jpg) no-repeat;}

.s2 .yuan3{ position:absolute; width:126px; height:127px; left:44px; top:577px;}
.s2 .yuan3 a{ display:block; width:126px; height:127px;}
.s2 .yuan3 a:hover{ background:url(../images/yuan3.jpg) no-repeat;}

.s2 .yuan4{ position:absolute; width:134px; height:129px; left:650px; top:429px;}
.s2 .yuan4 a{ display:block; width:134px; height:129px;}
.s2 .yuan4 a:hover{ background:url(../images/yuan4.jpg) no-repeat;}

.s2 .dianji{ position:absolute; width:180px; height:30px;left:180px; top:525px;}
.s2 .dianji a{ display:block; width:180px; height:30px;}

.s3 .one{ position:absolute; z-index:3; width:285px; height:135px; right:35px; top:100px; font-size:14px; color:#333333}

.s4 .one{ position:absolute; width:150px; height:30px; left:150px; bottom:50px; z-index:1000px;}
.s4 .one a{ display:block; width:150px; height:30px;}

.s5 .one{ position:absolute; width:330px; height:120px; font-size:14px; right:40px; top:110px; color:#666666; line-height:22px;}
.s5 .two{ position:absolute; width:250px; height:88px;left:290px; top:290px; color:#666666; line-height:18px;}

.s6 .xm{ margin:350px auto 0px auto; width:1000px; height:186px}
.s6 .xm .list{ float:left; width:250px; text-align:center; height:186px; line-height:28px;}
.mod8 { margin:0 auto; width:1000px;}
.mod8 .bd {position: relative;width: 1000px; height:733px;}
.mod8 .bd .imgbox {width:1000px; height:733px;float:left;}

.mod8 .bd .imgbox ul li { display: none;width:1000px; height:733px;}
.mod8 .bd .imgbox ul .on {display: block;}

.mod8 .bd .tabbox { position:absolute;  right:30px; top:280px;width:148px; height:435px; overflow:hidden;}
.mod8 .bd .tabbox ul {margin: auto; overflow: hidden; width: 148px;}
.mod8 .bd .tabbox ul li {float: left;height: 90px; width: 148px;padding-bottom:5px;}
.mod8 .bd .tabbox ul li a { background-position: 0 0;display: block; height:90px;width:148px;  text-align:center; line-height:60px; font-size:16px;color:#000;}
.mod8 .bd .tabbox ul li .tab1 { background-image: url("../images/f1.jpg");}
.mod8 .bd .tabbox ul li .tab2 { background-image: url("../images/f2.jpg");}
.mod8 .bd .tabbox ul li .tab3 {background-image: url("../images/f3.jpg");}
.mod8 .bd .tabbox ul li .tab4 {background-image: url("../images/f4.jpg");}
.mod8 .bd .tabbox ul li .on { color:#fff;background-position: 0 -90px;}


.sbtn{width:80px;height:80px;top:305px;cursor: pointer;}
.spre{left:-102px; background:url(../images/ll.jpg) no-repeat}
.snex{right:-109px;background:url(../images/rr.jpg) no-repeat}
.so_da{width:6000px;height:711px;position: absolute;top:0px;left:0px;z-index:10;}
.scr{width:125px;height:123px;top:209px;left:41px;}
.scr,.scr span,.scr_d{display: block;width:125px;height:123px;}
.scr_d{overflow: hidden;position: relative;}
.scr_tx{width:317px;height:122px;top:0px;left:0px;background:url(http://topic.aili.com/images/topic_beauty_oublzt/bian_t.png) no-repeat;display: none;}
.scr_tx p{padding: 15px 32px;line-height: 25px;}
.scr_tx p,.scr_tx p a{color:#745c35;}
.scr_tx2{width:248px;height:248px;top:34px;left:44px;background:url(http://topic.aili.com/images/topic_beauty_oublzt/ping_t.png) no-repeat;font-size: 14px;}
.scr_tx2 p{padding:10px 20px;}
.scr span{background:url(http://topic.aili.com/images/topic_beauty_oublzt/cri.png) no-repeat;position: absolute;top:0px;left:0px;}

.mod9 { margin:0 auto; width:1000px;}
.mod9 .bd {width: 1000px; height:516px; padding-top:216px;}
.mod9 .bd .imgbox {width:463px; height:455px; padding-top:61px; padding-left:17px;float:left;}

.mod9 .bd .imgbox ul li { display: none;width:480px; height:455px;}
.mod9 .bd .imgbox ul .on {display: block;}

.mod9 .bd .tabbox {position: relative; float:right;width:518px; height:516px; overflow:hidden;}
.mod9 .bd .tabbox ul { overflow: hidden; width:518px;}
.mod9 .bd .tabbox ul li {height: 112px; width: 100px;}
.mod9 .bd .tabbox ul li a {display: block; height:100px;width:112px;  text-align:center; line-height:60px; font-size:16px;color:#000;}
.mod9 .bd .tabbox ul li.tab1 { position:absolute; left:180px; top:30px;}
.mod9 .bd .tabbox ul li.tab2 { position:absolute; left:390px; top:130px;}
.mod9 .bd .tabbox ul li.tab3 { position:absolute; left:300px; bottom:10px;}
.mod9 .bd .tabbox ul li.tab4 { position:absolute; left:20px; bottom:50px;}
.mod9 .bd .tabbox ul li .on { color:#fff;}

.mod4 { margin:560px auto 0 auto;height:157px;width:840px; overflow:hidden;}
.mod4 .bd {position: relative; width:840px; height:157px; overflow:hidden;}
.mod4 .bd .JLB { height:157px;width:840px;overflow:hidden;}
.mod4 .bd .JLB ul { overflow: hidden;}
.mod4 .bd .JLB ul li {float: left;height:157px; width:280px;}
.mod4 .bd span {cursor: pointer;display: block;height:52px; position: absolute;top:50px; width: 52px;z-index: 4;}
.mod4 .bd .aw_l {left: 0px;}
.mod4 .bd .aw_r {right:18px;}