@charset "utf-8";
/* CSS Document */
/* css reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:2px; border:0; }
caption { text-align:left; font-weight:bold; font-size:12px; }
img { border:0; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;
}
strong { font-weight:bold; }
/* end reset */
/* start base */
/* =body= */
body , html{ height:100%;}
body {font-size:12px;font-family: Arial, "宋体" ; color:#fff; background:url(../images/body_bg.jpg) no-repeat center top #eaeaea;}
body , html{ height:100%;}
/* =link= */
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:none;color:#cfa86a; }
.show { display:block; }
.hide { display:none; }
.mt10{ margin-top:10px;}

/* ==float clear== */
.fix { clear:both; *zoom:1;}
.fix:after{ display:block; clear:both; visibility:hidden; height:0; content:""; overflow:hidden; }
/* ==margin,padding== */
/* end base */

#wrapper{ width:100%; margin:0 auto; position:relative;}
#header{ width:1000px; height:172px; position:relative; z-index:9999;  margin:0 auto; }
#container{ width:1000px; margin:0 auto;}
.header_bg{ width:100%; background:#fff;}
#footer{ height:44px; line-height:44px; background:#eee; padding:0 24px; color:#cfa86a;}
#main{ width:1000px; margin:20px auto 0; background:url(../images/saide_bg.png) no-repeat left top #141515;}
#main2{ width:1000px; margin:20px auto 0; background:#141515;}
.copyright{ float:left; width:332px;}
.num{ float:right; width:165px; text-align:right;}

.Ahover{ float:right; padding-top:64px; padding-right:18px; font-size:14px; color:#000;}
.Ahover:hover{ text-decoration:underline;color:#000;}
.h_top{ height:132px;position:relative;}
.logo{ position:absolute; left:386px; top:28px;}
.share{  height:23px; position:absolute; right:0px; top:87px;}
.share a{ width:24px; height:24px; background:url(../images/share_icon.png) no-repeat; display:inline-block; margin-left:6px;}
.share .wx{ background-position:0 0; position:relative;}
.share .xl{ background-position:-30px 0;}
.share .fa{ background-position:-60px 0;}
.share .tu{ background-position:-88px 0;}
.share .you{ background-position:-118px 0;}
.share .a_6{ background-position:-147px 0;}
.share .a_7{ background-position:-175px 0;}
.share .wx img{ width:150px; height:150px; position:absolute; left:0px; top:23px; z-index:9999; display:none;}
.nav_bor{ width:100%; border-top:solid 2px #ccc;}
.nav{ width:998px; height:39px; margin:0 auto; position:relative; z-index:999;}
.nav ul li{ float:left; height:39px; line-height:39px; position:relative;}
.nav .last, .nav .on2, .nav .on3{ background:none;}
.nav ul li a{ font-size:14px; font-family:"微软雅黑"; color:#000; padding:0 28px;}
.nav .last a{ padding:0 37px;}
.nav .on, .nav .current{ height:39px;}
.nav .hide_nav{ width:129px; position:absolute; left:0px; top:39px;*top:39px; padding-top:3px; display:none; background:#fff;}
.nav .last .hide_nav{ width:130px;}
.nav .on .hide_nav{ display:block;} 
.nav .hide_nav dl dd{ border-bottom:solid 1px #fff; line-height:28px;}
.nav .hide_nav dl dd a{ background:#fff; display:block; font-size:12px; color:#000;}
.nav .hide_nav dl dd a:hover{ background:#333333; color:#fff;}
.banenr_img{ width:1000px; height:506px;overflow:hidden;}
.banner{ width:1000px; height:506px; position:relative; overflow:hidden;}
.banner img{ width:1000px; height:506px; }
.banner_btn{ width:115px; height:8px; position:absolute; right:10px; top:485px;}
.banner_btn ul li{ float:left; width:8px; height:8px; background:#ff7e00; overflow:hidden; margin:0 5px; display:inline; cursor:pointer;}
.banner_btn .on{ background:none; width:6px; height:6px; border:solid 1px #ff7e00;} 
.cont{ padding:19px 0; background:#fff; height:94px; overflow:hidden;}
.intro{ float:left; width:339px; height:96px; padding:0 20px 8px; background:url(../images/line2.png) repeat-y right top; overflow:hidden;}
.tit{ line-height:23px;}
.tit a{ float:left; font-size:14px; font-family:"微软雅黑"; color:#000;}
.tit .more{ float:right; font-size:10px; width:42px; font-family:Arial;}
.tit a:hover{ color:#cfa86a;}
.intro p{ line-height:22px; text-indent:2em; padding-top:2px; color:#000}
.coming{ float:left; width:340px; height:96px; overflow:hidden; padding:0 15px 5px 22px; background:url(../images/line2.png) repeat-y right top;}
.coming_info .pic{ float:left; width:109px; height:67px; overflow:hidden; margin-top:7px; display:inline;}
.coming_info .pic img{ width:103px; height:61px; border:solid 3px #474747; overflow:hidden;}
.coming_info dl{ float:left; width:216px; padding:10px 0 0 10px;}
.coming_info dl dt{ font-size:14px; font-weight:bold;}
.coming_info dl dt a{ color:#fff;}
.coming_info dd{ text-indent:2em; line-height:22px;}
.aff{ float:left; width:199px; padding-left:24px;}
.aff_pic{ width:199px; height:67px; overflow:hidden; padding-top:10px;}
.aff_pic img{width:199px; height:67px;}
.mt20{ margin-top:20px;}
#left{ float:left; width:202px; background:url(../images/saide_bg.png) no-repeat; padding-top:40px;min-height:510px; height:auto !important; height:510px;}
#right{ float:left; width:798px; background:#141515; padding-bottom:35px;}
.aside{ width:199px; font-size:14px; font-family:"微软雅黑";}
.aside ul li a{ height:32px; display:block; background:url(../images/aside_02.png) no-repeat 31px 12px; padding-left:48px;}
.aside ul li{line-height:32px;}
.aside .on{ background:url(../images/aside_li.png) no-repeat;}
.aside .on a, .aside ul li a:hover{background:url(../images/aside_01.png) no-repeat 31px 12px; color:#cfa86a;}
.aside .aside_hide{ padding:7px 0; background:#181919; border-top:solid 1px #282929;}
.aside .aside_hide a{ height:22px; line-height:22px; background:url(../images/dot.png) no-repeat 48px 12px; padding-left:60px; color:#fff;}
.aside .aside_hide a:hover, .aside .aside_hide .current a{background:url(../images/dot2.png) no-repeat 48px 12px;}
.aside .aside_hide .current a{ color:#cfa86a;}
.title{ height:34px; line-height:34px; background:url(../images/line_inf.png) repeat-x 100% bottom; position:relative; margin:0 23px; font-size:14px; padding-top:10px;}
.crumb{ font-size:12px; color:#898888; position:absolute; right:0px; top:11px;}
.crumb a,.crumb span{color:#898888; margin:0 7px;}
.crumb a:hover{ color:#fff;}
.brand{ margin:30px 23px 0;}
.brand_p{ padding:38px 0; background:url(../images/line_inf.png) repeat-x 100% bottom;}
.brand_p .tit_h{ font-size:17px; color:#cfa86a; font-family:"微软雅黑"; padding:8px 0 30px; text-indent:0em;}
.brand_p p{ padding-bottom:15px; line-height:18px; text-indent:2em;}
.movie_list ul li{ float:left; width:238px; height:198px; text-align:center; background:#494c4c; margin:30px 0 0 22px; display:inline;}
.movie_list ul li a{ width:238px; height:198px;display:block;}
.movie_list ul li a:hover{ background:#000000;}
.movie_list .pic{ padding-top:4px;}
.movie_list .name{ height:39px; line-height:39px; color:#fff; }
.movie_list a:hover .name{color:#494c4c;}

.movie_list1 ul li{ float:left; width:154px; height:275px; text-align:center; background:#494c4c; margin:30px 0 0 22px; display:inline;}
.movie_list1 ul li a{ width:154px; height:275px;display:block;}
.movie_list1 ul li a:hover{ background:#000000;}
.movie_list1 .pic{}
.movie_list1 .name{ line-height:20px; color:#fff; }
.movie_list1 a:hover .name{color:#494c4c;}

.movie_list2 ul li{ float:left; width:226px; height:190px; text-align:center; background:#494c4c; margin:30px 0 0 22px; display:inline;}
.movie_list2 ul li a{ width:226px; height:190px;display:block;}
.movie_list2 ul li a:hover{ background:#000000;}
.movie_list2 .pic{}
.movie_list2 .name{ line-height:20px; color:#fff; }
.movie_list2 a:hover .name{color:#494c4c;}

.pages{ text-align:right; color:#696969; font-size:13px; margin:40px 22px;}
.pages a{color:#696969; margin:0 2px; display:inline-block; padding:0 4px;}
.pages .txt_pag{ width:24px; height:13px; line-height:13px; background:#393b3b; color:#fff; text-align:center; border:0px; margin:0 5px;display:inline-block;}
.pages .btn_pag{ width:23px; height:13px; line-height:13px; color:#fff; text-align:center; font-family:Arial; font-size:11px; background:#8f7a63; margin-left:5px; border:0px; display:inline-block; cursor:pointer; vertical-align:middle;}
.pages .current, .pages a:hover{ background:#8f7a63; color:#fff;}
.text_info{ padding-top:50px; margin:0 22px;}
.text_info .tit{ font-size:20px; text-align:center; color:#cfa86a; font-weight:bold;}
.txt_cont{ padding-top:40px; line-height:25px;}
.salon_tit{ height:43px; position:relative; background:url(../images/tab_nav_bg.png) repeat-x 100% bottom;}

.salon{ margin:0 23px; padding-bottom:55px;}
.tab_nav{ float:left; height:42px;}
.tab_nav ul li{ float:left; width:72px; line-height:42px; font-size:14px; text-align:center; background:url(../images/tab_li.png) no-repeat right top; cursor:pointer;}
.tab_nav .on a{ width:71px; height:42px; background:url(../images/tab_a.png) repeat-x; display:block; color:#cfa86a;}
.tab_con{ padding-top:25px;}
.solon_list ul li{ float:left; width:100%; padding:22px 0; border-bottom:dashed 1px #313131; }
.solon_list .pic{ float:left; width:364px; height:135px; overflow:hidden;}
.solon_list .pic img{ width:357px; height:129px; border:solid 3px #000;}
.solon_list .add{ float:left; width:495px; padding-left:24px; font-size:14px;}
.solon_list .detail{ float:right; width:36px; height:63px; padding-right:12px; padding-top:35px;}
.solon_list .detail a{width:36px; height:63px; background:url(../images/more.png) no-repeat; display:inline-block;}
.tit_add{ color:#cfa86a; padding:15px 0;}
.salon_box{ padding:8px; margin:50px 23px 0px; background:#2b2c2c;}
.salon_bigpic{ float:left; width:761px; height:516px; overflow:hidden;}
.salon_frt{ float:right; width:166px;}
.btn_up, .btn_down{ width:166px; height:22px; background:url(../images/sl_btn.png) no-repeat; display:inline-block; cursor:pointer;}
.btn_up{ background-position:0 0; margin-bottom:5px;}
.btn_down{ background-position:0 -27px; margin-top:9px;}
.salon_small{ height:461px; overflow:hidden; position:relative;}
.salon_small ul li{ width:166px; height:109px; overflow:hidden; margin:5px 0 0; cursor:pointer; }
.salon_small ul li img{ width:164px; height:107px; border:solid 1px #a6a6a6;}
.salon_small .active img{border:solid 1px #cfa86a;}
.salon_name{ height:59px; text-align:center; font-size:14px; padding-top:20px;}
.text_intro{ line-height:25px; color:#d5d4d4;}
.online{ padding:50px 0; margin:0 23px;}
.on_tabnav{ height:43px; background:url(../images/tab_nav_bg.png) repeat-x 100% bottom;}
.on_tabnav ul li{ float:left; width:85px; line-height:42px; font-size:14px; text-align:center; background:url(../images/tab_li.png) no-repeat right top; cursor:pointer;}
.on_tabnav .on a{ width:84px; height:42px; background:url(../images/tab_a.png) repeat-x; display:block; color:#cfa86a;}
.on_tabnav .nobg{ background:none;}
.on_tabcon{ padding-top:45px;}
.frm { padding-left:50px;}
.frm ul li{ float:left; width:100%; margin-top:12px;}
.frm label, .frm input, .frm span{ float:left; line-height:28px;}
.frm label{ width:90px; text-align:right; padding-right:4px;}
.frm .txt{ width:240px; height:28px; padding:0 5px; background:#525656; border:0px; color:#fff; font-size:14px;}
.tips{ color:#ffde59; font-size:14px; padding:0 12px;}
.rad{ float:left; margin:5px 0 0 4px;  +*margin:0px 0 0 4px;}
.rad_sp{ padding:0 25px 0 5px; font-size:14px;}
.frm textarea{ float:left; width:546px; height:175px; background:#525656; border:0px; resize:none; line-height:22px; padding:0 5px; color:#fff; font-size:14px;}
.btn_submit{ width:89px; height:31px; text-align:center; line-height:31px; background:url(../images/btn_submit.png) no-repeat; color:#cfa86a; font-size:14px; font-weight:bold; border:0px; cursor:pointer; margin-top:15px;}
.news_list{ padding-top:25px; margin:0 23px;}
.news_list ul li{ float:left; width:100%; padding:22px 0; border-bottom:dashed 1px #313131;}
.news_list .pic{ float:left; width:226px; height:142px; overflow:hidden;}
.news_list .pic img{ width:224px; height:140px; border:solid 1px #454545; overflow:hidden;}

.news_list .pic2{ float:left; width:152px; height:190px; overflow:hidden;}
.news_list .pic2 img{ width:150px; height:188px; border:solid 1px #454545; overflow:hidden;}
.news_list .desc2{ float:left; width:574px; padding-left:20px;}
.news_list .desc2 dt a{ color:#cfa86a; font-size:14px; line-height:23px;}
.news_list .desc2 dd{ line-height:23px; color:#d5d4d4; text-indent:2em; padding-top:25px;}
.news_list .desc2 dd a{ color:#cfa86a;}
.news_list .desc2 dd a:hover{ text-decoration:underline;}

.news_list .desc{ float:left; width:500px; padding-left:20px;}
.news_list .desc dt a{ color:#cfa86a; font-size:14px; line-height:23px;}
.news_list .desc dd{ line-height:23px; color:#d5d4d4; text-indent:2em; padding-top:25px;}
.news_list .desc dd a{ color:#cfa86a;}
.news_list .desc dd a:hover{ text-decoration:underline;}
.jiameng{ width:112px; height:111px; background:url(../images/jiameng.jpg) no-repeat; position:fixed; top:350px; margin-left:1010px; *margin-left:0px; _position: absolute; _left:expression(eval(document.documentElement.scrollRight-0px));_top:expression(eval(document.documentElement.scrollTop-200)); z-index:999;}
.franchise{ padding-top:50px;}
.contact{ padding:50px 0; margin:0 23px;}
.contact_info{ float:left; width:345px; line-height:25px;}
.contact_info b{ display:block; padding:20px 0 ;}
.contact_map{ float:left; width:356px;}
.wx_bg{ width:430px; height:430px; position:fixed; left:50%; margin-left:-215px; top:50%; margin-top:-215px; _position:absolute; z-index:100000; display:none; background:url(../images/weixin.jpg) no-repeat;}
.opacityDiv{ filter:Alpha(opacity=50); opacity:0.50; -moz-opacity:0.50; -webkit-opacity:0.50;position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:999; _position: absolute; _top:expression(eval(document.documentElement.scrollTop)); display:none; }
.btn_closed{ width:25px; height:25px; color:#000; position:absolute; top:3px; right:3px; cursor:pointer;}

/*产品详细*/
.clearBoth{clear:both;}
img{border:none;}

.myImagesSlideBox {width:745px; background:#141515;color:#fff;font-family:arial;line-height:24px;position:relative;}
.bigpic{width:725px; overflow:hidden;padding:10px;}
.bigpic img{width:285px;}
.bigpic .bigpicLeft{display:inline;float:left;width:285px;}
.bigpic .bigpicRight{display:inline;float:right;width:425px;margin-left:15px;}
.bigpic .bigpicRight .mytitles{line-height:40px;border-top:1px solid #666;font-size:14px;font-weight:bold;border-bottom:1px solid #666;margin-top:0px;}
.bigpic .bigpicRight .myTxts{line-height:20px;margin-top:10px;font-size:12px;}
.smalllst { width:745px; height:150px; margin-top:0px; padding:0; }
.btnlft, .btnrt { width:10px; height:150px; position:absolute; cursor: pointer; margin-top:0px;}
.btnlft { background:url(../images/prc_arrowL.png) no-repeat center top;left:0px; }
.btnrt { background:url(../images/prc_arrowR.png) no-repeat center top; right:0px; }
.items { height:135px; width:725px; overflow:hidden; position:absolute; left:10px; }
.items a { margin:0px 12px 0 0; }
.scrollableDiv a { width:135px; height:135px; display:block; float:left; cursor:pointer; }
.smallimg img {width:135px; height:135px;}
.scrollableDiv .active { width:135px; height:135px; }
.scrollableDiv { width:8000px; position:absolute; }