@charset "utf-8";
/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
/*begin  --------clear */
* { padding: 0; margin: 0; background: none; text-decoration: none; background: none;vertical-align: top; font-weight: normal; }
a { text-decoration: none; outline: none; }
a:link { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
.clear { clear: both; height: 0; display:block; width: 100%; font-size:0;}
object, embed { display: block; outline: none; }
html, body { -webkit-text-size-adjust: none; }
textarea { resize: none; overflow: auto; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block }
/*end--------clear  */
#wrap { height: auto; width: 100%; position: relative; background: #fff; font-size: 14px; font-family: "微软雅黑"; text-align: Justify; text-justify: inter-ideograph; max-width: 1920px;min-width:1200px; margin: 0 auto;}
#wrap img { border: 0 none; padding: 0px; margin: 0px; display: inline-block; }
#wrap ul { overflow: hidden; margin: 0; padding: 0; list-style: none }
#wrap #top_banner { width: 100%; font-size: 0px; background:#262626;}
#wrap #top_banner img{ width: 100%;}
#wrap #fixed { width: 100%; height: 65px; position: fixed; left: 0; top: 0; background:url(../img/bg_trans_nav.png); z-index: 2000; }
/*#wrap #nav { height: 80px; width: 100%; z-index: 2000; background:url(../img/bg_trans_nav.png);position:absolute; margin-top: -80px;}*/
#wrap .nav11 { height:65px; width:100%; max-width:1920px; z-index: 2000; background:#917243;position:absolute; margin-top: -65px;}
#wrap .nav11 ul { overflow: hidden; width: 1200px; margin: 0 auto; }
#wrap .nav11 ul li { float: left; display: inline-block;padding: 0px 8px; font-size:20px; color: #000; text-align: center; line-height:65px; cursor: pointer; background: #917243;}
#wrap .nav11 ul  li.active {color: #917243; background: #fff; }
#wrap .nav11 ul li:hover {color: #917243;  background: #fff;}
#wrap .nav11 ul li.title_pp{ padding-right:0px;}
/*title*/
#wrap .title{ margin:0 auto; padding:40px 0;text-align: center; display:block;}
#wrap .title .xx{ width: 36px; height:63px;display:inline-block; float: left; background: url("../img/img_title_bg1.png");}
#wrap .title span{display:inline-block; float: left; font-size: 42px; line-height: 62px;}
/*btn*/
.btn_more{ display:inline-block; background: #917243; width: 168px; height:50px; text-align: center; font-size: 22px; color: #fff; line-height: 50px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: absolute;behavior: url(ie-css3.htc);}
.btn_more:hover{ color: #000;}
/*content*/
/*老化*/
#wrap #title_lh{width:100%; height: 709px; background: url("../img/bg_title1.jpg") center center;}
#wrap #title_lh .title_lh1{ width: 1200px; height: 709px; margin: 0 auto; position: relative; right: 0px; top: 0px;}
#wrap #title_lh .title_lh1 .lh_list li{ cursor: pointer; width:152px; height: 78px; font-size: 30px; padding: 0px 55px; line-height:78px; background:url(../img/bg_title1_nav2.jpg) no-repeat; margin-bottom: 25px;}
#wrap #title_lh .title_lh1 .lh_list li.active{background: url(../img/bg_title1_nav1.jpg) no-repeat;}
#wrap #title_lh .title_lh1 .lh_list li:hover{background: url(../img/bg_title1_nav1.jpg) no-repeat;}
#wrap #title_lh .title_lh1 .lh_con{ display: block;width: 883px; height: 612px; position: absolute; top:95px; right: 0px;}
#wrap #title_lh .title_lh1 p{ display: block; position: absolute; bottom:50px; font-size: 14px; line-height: 32px;}
#wrap #title_lh .title_lh1 p b{ font-weight: bold;}
/*特性*/
#wrap #title_tx{width:100%; height:428px; background:#0f1c15;}
#wrap #title_tx .title_tx1{ background: url(../img/bg_title2.jpg) no-repeat; width: 1200px; height: 428px; margin: 0 auto; position: relative;}
#wrap #title_tx .tx_p1{ width:608px; line-height: 27px; font-size: 16px; color: #fff; position: absolute; top: 122px; right: 10px;}
#wrap #title_tx b{ font-weight: bold;}
.tx_ul{ position: absolute; bottom: 40px; right: 10px; width:300px; display: block;}
.tx_ul li{ line-height:25px; color: #fff;}
/*嫩肤*/
#wrap #title_nf{width:100%; height:963px; background: url("../img/bg_title3.jpg") center center;}
#wrap #title_nf .title_nf1{ width: 1200px; height: 823px; margin: 0 auto; position: relative;}
#wrap #title_nf .title_nf1 .nf_p{ font-size: 16px; width:795px;display: block; margin: 0 auto; line-height:28px;}
#wrap #title_nf .title_nf1 .nf_jq{ display: block; width:1200px; height:739px;position: absolute; bottom: 0px;}
#wrap #title_nf .title_nf1 .nf_jq li{ float:left; margin-top: 120px; position: relative; display:block; width:300px; height: 616px;}
#wrap #title_nf .title_nf1 .nf_jq li img.mhover{position: absolute; z-index: 1000;}
#wrap #title_nf .title_nf1 .nf_jq li .detail { color:#fff; background-image:url(../img/img_bg_trans1.png); line-height:25px;font-size:14px; display: none; padding: 30px; width: 360px; height: 110px; border: 4px solid #ccc; position: absolute; top:220px;padding-left: 60px; z-index:999; display: none;}
#wrap #title_nf .title_nf1 .nf_jq li .detail h1 { font-size:20px;font-weight:bold; line-height:30px;}
#wrap #title_nf .title_nf1 .nf_jq li .mright {right:250px; padding:30px 60px 30px 30px;}
#wrap #title_nf .title_nf1 .nf_jq li .mleft { left:220px; }
/*套餐*/
#wrap #title_tc{width:100%; height:2873px;}
#wrap #title_tc .title_tc1{width:100%; height:941px; background: url("../img/bg_title41.jpg") center center;}
#wrap #title_tc .title_tc2{width:100%; height:945px; background: url("../img/bg_title42.jpg") center center;}
#wrap #title_tc .title_tc3{width:100%; height:937px; background: url("../img/bg_title43.jpg") center center;}
.title_tc11,.title_tc21,.title_tc31{ width: 1200px; margin: 0 auto; position: relative;}
.tc_ul{ position: absolute; width:565px; right:0px; top: 60px; font-size: 18px; line-height:30px;}
.tc_ul b{ font-weight: bold;}
.tc_ul h1{ font-weight: bold; font-size: 36px;line-height: 52px;}
.tc_ul h2{ font-weight: bold; font-size: 26px; line-height: 48px; margin-bottom: 25px;}
/*gif*/
#wrap #title_gif{ width:100%;}
#wrap #title_gif img{ width: 100%;}
/*优势*/
#wrap #title_ys{width:100%; background: url("../img/bg_title7.jpg") top center no-repeat #fff;}
#wrap .expert {margin-top:300px; width: 100%; font-size: 0px;}
#wrap .expert img{ width: 100%;}
/*课堂*/
#wrap #title_kt{width:100%; height: 623px; background: url("../img/bg_title6.jpg") center center;}
#wrap #title_kt .title_kt1{ width: 1200px; height: 480px; margin: 0 auto; position: relative;}
#wrap #title_kt .title_kt1 .kt_con{display: block; width: 590px; overflow: hidden;}
#wrap #title_kt .title_kt1 .kt_con .kt_nav li{ display: block; width: 96px; height: 96px; background: #ccc; border-radius: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px;behavior: url(ie-css3.htc); margin-right: 90px; color: #000; font-size: 64px; font-family:"Times New Roman"; line-height: 96px; text-align: center; float: left; cursor: pointer;}
#wrap #title_kt .title_kt1 .kt_con .kt_nav li.active{ background: #7a7a7a; color: #fff;}
#wrap #title_kt .title_kt1 .kt_con .kt_answer{ margin-top: 50px; height:235px; overflow: hidden; width: 590px; overflow: hidden;}
#wrap #title_kt .title_kt1 .kt_con .kt_answer li{ /*display:none;*/}
#wrap #title_kt .title_kt1 .kt_con .kt_answer li .q_a{ background: url(../img/bg_title6_qa.jpg) no-repeat; width: 505px; height: 141px; font-size: 24px; line-height: 141px; padding-left: 84px;}
#wrap #title_kt .title_kt1 .kt_con .kt_answer li p{ width:526px; height: 60px; margin:30px 0 0 25px;}
/*品牌*/
#wrap #title_pp{width:100%; height:650px; background: url("../img/bg_title7.jpg") top center no-repeat #FFF;}

#title_pp .YX_title { margin: 0 auto; width: 993px; height: 80px; background: url(../img/YX_bottom_title.png) no-repeat; }
#title_pp .YX_button { display: block; position: absolute; top: 520px; left: 70%; width: 120px; height: 35px; background-color: #c6c6c6; color: #503728; font-size: 22px;line-height: 35px; text-align: center; z-index: 10000; text-decoration: none; }
#title_pp .YX_button:hover { background-color: #856d4b; color: #fffefe; }
#title_pp #pp_ul{ width:100%; background: #553e2c;}
#title_pp #tabs { overflow: hidden; width:1089px; display:block;height: auto; margin: 0 auto; padding: 0; list-style: none;}
#title_pp #tabs li { float: left; width: 120px; height: 85px; margin: 0; padding-top: 25px; margin-right: 1px; background-image: url(../img/button.jpg); color: #e8e3da; font-size: 18px; text-align: center; text-decoration: none; display: block; cursor: pointer; }
#title_pp #tabs a span { letter-spacing: -1px; color: #e8e3da; }
#title_pp #tabs li:hover, #title_pp #tabs li:focus { background-position: 0 100%; }
#title_pp #tabs li:focus { outline: 0; }
#title_pp #tabs .current { z-index: 3; background-position: 0 100%; }
#title_pp #content { background: #b5bec5; padding-top: 55px; height: 380px; }
#title_pp .tab_context { width: 910px; margin: 0 auto; display: none; }
#title_pp .tab_context .YX_left { float: left; width: 390px; }
#title_pp .tab_context .YX_right { float: right; width: 465px; margin-top: 20px; }
#title_pp .tab_context .YX_right strong { color:#000000; font-size: 30px;letter-spacing: 2px; line-height: 50px; font-weight: normal; }
#title_pp .tab_context .YX_right p {color:#000000; font-size:14px;line-height:25px;width: 420px; height: auto; margin: 0; padding: 0; }
/*猜你喜欢*/
#wrap #title_xh{width:100%; height:610px;  background: url("../img/bg_title7.jpg") top center no-repeat #FFF;}
#title_xh .main_con { width: 1200px; height: auto; margin: 0 auto 100px; display: block; padding: 0px;}
#title_xh .main_con li { display: inline-block; border: 2px solid #ccc; float:left; width: 234px; height: 405px; margin-right:2px; text-align: center; }
#title_xh .main_con li:last:child {margin-right:0px;}
#title_xh .main_con li:hover { border: 2px solid #937343; }
#title_xh .main_con li a { display: inline-block; }
#title_xh .main_con li a div {height: 121px; }
#title_xh .main_con li a div h2 { font-size: 24px; font-weight: bold; color: #937343; line-height:46px; padding-top:12px;}
#title_xh .main_con li a div p { font-size: 12px; line-height: 14px; color: #7d7d7d; padding:0px 22px;}

/*photo*/
/* slider   小555*518    大643*600*/
#slider{height:600px; width:100%;overflow:hidden;position:relative;margin:0 auto;}
.scroll{width:100%;height:600px;margin:0 auto;overflow:hidden;}
.scrollContainer{position: relative;width:1753px;left:0px;}
.scrollContainer .current .inside{width:643px;height:600px;}
.scrollContainer .panel{width:555px;height:518px; margin-top:41px;float:left;display:inline;}

#title_ys .btn_div{ width:1200px; height:162px; margin:-366px auto 0; position:relative;}

.scrollContainer .panel.current{margin-top: 0px;}
.panel .inside{display:block;position:relative; width:100%; height:100%; cursor:default;}
.inside img{height:100%;width:100%;}
.scroll li .inside span{position:absolute;bottom:0px;left:0px;font-size:18px;color:#FFF;background: url("../img/img_bg_trans1.png");padding: 22px 15px 12px; line-height:30px;display:none;}
.scroll li .inside span b{ font-size: 30px; line-height: 64px; display: block;}
.scroll li.current .inside span{display:block;}
.btn_div a.btn{background:url('../img/btn_pn.png') no-repeat; cursor: pointer; z-index: 200;}
.btn_div a.btn{width:36px; height:162px;position:absolute;top:50%; margin-top:-81px; }
.btn_div a.prev{left:0px;background-position:0 0px;}
.btn_div a.prev:hover{background-position:0 -162px;}
.btn_div a.next{right:0px;background-position:-36px 0px;}
.btn_div a.next:hover{background-position:-36px -162px;}