*{
    font-size:14px;
    font-family: "微软雅黑";
    color: #000000;
}
body,div,a,p,ul,li,span,img,dt,dd{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
}
.clearfix:after {
    display: block;
    content: '';
    clear: both;
}
.fs18{
    font-size: 18px;
}
.fs14{
    font-size: 14px;
}
#header{
    float: left;
    width:100%;
    /*min-width:1903px;*/
    background:#0E0404;
    position: relative;
}
.header{
    width:1400px;
    height:80px;
    margin:0 auto;
}
.header>a{
    float: left;
    width:64px;
    margin-top:24px;
}
.header>a>img{
    float: left;
    width:100%;
}
.nav{
    float: right;
    width:700px;
}
.nav>li{
    float: left;
    width:110px;
}
.nav>li>a{
    float: left;
    line-height:80px;
    font-size: 16px;
    width:100%;
    color: #fff;
    text-align: right;
}
.nav>li>a:hover{
	color:#896A59;
}
.nav2{
    float: left;
    width:100%;
    position: absolute;
    top:80px;
    height:70px;
    background: #000;
    opacity:0.6;
    text-align: center;
    z-index:100;
}
.nav2>span{
    display: inline-block;
    width:130px;
    margin:0 15px;
    position: relative;
}
.nav2>span>a{
    float: left;
    width:100%;
    height:70px;
    background: #000;
    line-height:70px;
    color: #fff;
}
.nav2>span>a:hover{
	color:#896A59;
}
.nav2>span>ul{
    float: left;
    width:100%;
    position: absolute;
    top:70px;
}
.nav2>span>ul>li{
    float: left;
    width:100%;
}
.nav2>span>ul>li>a{
    float: left;
    width:100%;
    text-indent:35px;
    text-align: left;
    color: #fff;
    height:35px;
    line-height:35px;
    font-size: 14px;
    background: #000;
}
.nav2>span>ul>li>a:hover{
	color:#896A59;
}
.lang_tab{
    float: right;
    position: relative;
}
.lang_tab>ul{
    float:left;
    width:100px;
    position: absolute;
    top:80px;
    z-index:100;
    background-color: #000;
}
.lang_tab>ul>li{
    float: left;
    width:100%;
}
.lang_tab>ul>li>a{
    float: left;
    width:100%;
    color: #fff;
    text-align: center;
    height:40px;
    line-height:40px;
}
.lang_tab>span{
    float:left;
    width:100px;
    text-align: center;
    line-height:80px;
    color: #fff;
}
#indexbanner{
    float: left;
    width:100%;
}
#indexbanner>img{
    float: left;
    width:100%;
}
/*首页轮播*/
#main{
    float: left;
    width:100%;
    /*min-width:1903px;*/
}
.main{
    width:1400px;
    margin:0 auto;
    text-align: center;
}
.main>div{
    float: left;
    width:100%;
    margin-top:25px;
    position: relative;
}
.main>.more{
    width:120px;
    height:45px;
    line-height:45px;
    color:#fff;
    background: #000;
    text-align: center;
    display:inline-block;
    margin:20px auto;
}
.main>div>a{
    float: left;
    width:100%;
}
.main>div>a>img{
    float: left;
    width:100%;
}
.main>div>ul{
    float: right;
    width:10px;
    position: absolute;
    right:20px;
    top:48%;
}
.main>div>ul>li{
    float: left;
    width:10px;
}
.main>div>ul>li>a{
    float: left;
    width:10px;
    height:10px;
    margin-bottom:10px;
    background:transparent;
    border:2px solid #fff;
    border-radius: 50%;
}
.main>div>ul>li>a.active{
    float: left;
    width:10px;
    height:10px;
    margin-bottom:10px;
    background:#fff;
    border:2px solid #fff;
    border-radius: 50%;
}
#footer{
    float: left;
    width:100%;
    /*min-width:1903px;*/
    height:235px;
    background:#0E0404;
}
.footer{
    width:1400px;
    margin:0 auto;
}
.footer>ul{
    float: left;
    width:100%;
    margin-top: 65px;
}
.footer>ul>li{
    float: left;
    width:25%;
    text-align: center;
}
.footer>ul>li>dt{
    font-size: 18px;
    color: #fff;
    width:150px;
    padding-bottom:20px;
    margin:0 auto 20px;
    border-bottom:1px solid #554E4E;
}
.footer>ul>li>dd{
    width:150px;
    height:25px;
    line-height:25px;
    margin:0 auto;
    text-align: center;
}
.footer>ul>li>dd>a{
    font-size: 16px;
    color: #fff;
}
/*��ҳ*/
.pageBox {
    width:1280px;
    height: 34px;
    float: left;
    margin:20px 0;
}
.page {
    width:100%;
    margin:0 auto;
}
.pageBox {
    width:100%;
    height: 34px;
    line-height: 34px;
}
.ui-pagination-container {
    height: 34px;
    line-height: 34px;
    text-align: center;
}
.ui-pagination-container .ui-pagination-page-item {
    font-size: 14px;
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #c5b7b7;
    color: #888;
    margin: 0 3px;
    text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item:hover {
    border-color: #568dbd;
    color: #568dbd;
    text-decoration: none;
}

.ui-pagination-container .ui-pagination-page-item.active {
    background: #568dbd;
    border-color: #568dbd;
    color: #fff;
    cursor: default;
}
/*护肤系列*/
#main1{
    float: left;
    width:100%;
    /*min-width:1903px;*/
	min-height: 660px;
}
.main1{
    width:1400px;
    margin:50px auto 50px;
}
.title{
    float: left;
    width:100%;
    font-size: 28px;
    letter-spacing: 10px;
    height:150px;
    line-height:150px;
    text-align: center;
}
.main1>ul{
    float: left;
    width:100%;
}
.main1>ul>li{
    float: left;
    width:390px;
    margin-right:115px;
}
.main1>ul>li:nth-child(3),.main1>ul>li:nth-child(6){
    margin-right:0;
}
/*.main1>ul>li>span{
    float: left;
    width:100%;
    height:435px;
    background:url("../img/hufubg.png") no-repeat;
    text-align: center;
	overflow:hidden;
    position: relative;
}
.main1>ul>li>span>img{
    width:238px;
    height:370px;
    position: absolute;
    bottom:0;
    left: 80px;
}
.main1>ul>li>b{
    float: left;
    width:100%;
    height:115px;
    background-color: #E6E9EF;
}
.main1>ul>li>p{
    float: left;
    width:100%;
    hegiht:50px;
    line-height:50px;
    margin-top:20px;
    font-size: 20px;
    text-align: center;
}*/
.main1>ul>li>span{
    float: left;
    width:100%;
    height:550px;
    background:url("../img/hufubg.png") no-repeat;
    text-align: center;
	overflow:hidden;
    position: relative;
}
.main1>ul>li>span>img{
    float:left;
	width:100%;
}
.main1>ul>li>p{
    float: left;
    width:100%;
    hegiht:50px;
    line-height:50px;
    margin-top:20px;
    font-size: 20px;
    text-align: center;
}
#banner1{
    float: left;
    width:100%;
    /*min-width:1903px;*/
}
.banner1{
    width:1400px;
    margin:0 auto;
}
.banner1>img{
    float: left;
    width:100%;
}
#banner2{
    float: left;
    width:100%;
    background:#0E0404;
}
.banner2{
    width:1400px;
    margin:0 auto;
}
.banner2>img{
    float: left;
    width:100%;
}
/*明星产品*/
#star_main{
    float: left;
    width:100%;
    /*min-width:1903px;*/
    background:#0E0404;
}
.star_main{
    width:1400px;
    margin:0 auto;
}
.star_title{
    height: 40px;
    float: left;
    width: 100%;
    margin:195px 0 90px;
}
.star_title>b {
     float: left;
     width: 33%;
     margin: 19px 0;
     border-bottom: 1px solid #7E7979;
 }
.star_title>span {
     float: left;
     width: 33%;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 34px;
     color: #fff;
    letter-spacing:5px;
 }
 .star_title1{
    height: 40px;
    float: left;
    width: 100%;
    margin:225px 0 150px;
}
.star_title1>b {
     float: left;
     width: 33%;
     margin: 19px 0;
     border-bottom: 1px solid #7E7979;
 }
.star_title1>span {
     float: left;
     width: 33%;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 34px;
     color: #fff;
    letter-spacing:5px;
 }
.star_f1{
    float: left;
    width:100%;
    margin-bottom:155px;
}
.star_f1>img{
    float: left;
    width:666px;
}
.star_f1>div{
    float: left;
    width:730px;
}
.star_f1>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:180px;
}
.star_f1>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f1>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
.star_f2{
    float: left;
    width:100%;
    margin-bottom:65px;
}
.star_f2>img{
    float: left;
    width:666px;
}
.star_f2>div{
    float: left;
    width:730px;
}
.star_f2>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:60px;
}
.star_f2>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f2>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
.star_f8{
    float: left;
    width:100%;
    margin-bottom:255px;
}
.star_f8>img{
    float: left;
    width:666px;
}
.star_f8>div{
    float: left;
    width:730px;
}
.star_f8>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:180px;
}
.star_f8>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f8>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
.star_f9{
    float: left;
    width:100%;
    margin-bottom:150px;
}
.star_f9>img{
    float: left;
    width:666px;
}
.star_f9>div{
    float: left;
    width:730px;
}
.star_f9>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:60px;
}
.star_f9>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f9>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
.star_f10{
    float: left;
    width:100%;
    margin-bottom:210px;
}
.star_f10>img{
    float: left;
    width:666px;
}
.star_f10>div{
    float: left;
    width:730px;
}
.star_f10>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:60px;
}
.star_f10>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f10>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
.star_f3{
    float: left;
    width:100%;
	margin-bottom: 140px;
}
.star_f3>img{
    float: left;
    width:666px;
}
.star_f3>div{
    float: left;
    width:730px;
}
.star_f3>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:180px;
}
.star_f3>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f3>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
#star_main1{
    float: left;
    width:100%;
    /*min-width:1903px;*/
    background:#182415;
}
.star_f5{
    float: left;
    width:100%;
	margin-bottom: 200px;
}
.star_f5>img{
    float: left;
    width:666px;
}
.star_f5>div{
    float: left;
    width:730px;
}
.star_f5>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:60px;
}
.star_f5>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f5>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
#star_main2{
    float: left;
    width:100%;
    background:#0E0404;
}
.star_main2{
    width:1400px;
    margin:0 auto;
}
.star_f6{
    float: left;
    width:100%;
    margin-bottom:205px;
}
.star_f6>span{
    float: left;
    width:666px;
    text-align: center;
}
.star_f6>div{
    float: left;
    width:730px;
}
.star_f6>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:180px;
}
.star_f6>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f6>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
}
.star_f7{
    float: left;
    width:100%;
	    margin-bottom: 130px;
}
.star_f7>img{
    float: left;
    width:666px;
}
.star_f7>div{
    float: left;
    width:730px;
}
.star_f7>div>span{
    float: left;
    width:100%;
    text-align: center;
    margin-top:60px;
}
.star_f7>div>p{
    float: left;
    width:100%;
    text-align: center;
    margin:10px 0;
}
.star_f7>div>p>span{
    display: inline-block;
    width:500px;
    text-align:left;
    color: #FFFFFF;
    font-size: 20px;
	
}
/*品牌故事*/
#banner3{
    float: left;
    width:100%;
	/*min-width:1903px;*/
    position: relative;
}
#banner3>img{
    float: left;
    width:100%;
    position: absolute;
    left:0;
    top:0;
    z-index:-1;
}
.banner3{
    width:1400px;
    margin:0 auto;
    text-align: center;
	    position: relative;
}
.borderY {
    border-left: 1px solid;
    width: 1px;
    position: absolute;
}
.banner3>span{
    float: left;
    width:100%;
    text-align: center;
    color: #fff;
}
.banner3>p>span{
    color: #fff;
    float: left;
    width:100%;
    font-weight:100;
}
#brand_main{
    float: left;
    width:100%;
	/*min-width:1903px;*/
    position: relative;
}
#brand_main>img{
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.brand_main{
    width:1400px;
    margin:0 auto;
}
.main_left{
    float: left;
    width:280px;
    margin-top: 170px;
	position: relative;
}
.main_left>p{
    float: left;
    width:100%;
    border:1px solid #000;
    margin-bottom:300px;
}
.main_left>p>span{
    font-family: "Microsoft Himalaya";
    float: left;
    font-size:44px;
    width:100%;
    margin:40px 0;
    text-align: center;
}
.main_left1{
    float: left;
    width:280px;
    margin-top: 170px;
	position: relative;
}
.main_left1>p{
    float: left;
    width:100%;
    border:1px solid #000;
    margin-bottom:300px;
}
.main_left1>p>span{
    font-family: "Microsoft Himalaya";
    float: left;
    font-size:44px;
    width:100%;
    margin:40px 0;
    text-align: center;
}
.main_right{
    float: right;
    width:1100px;
    margin-top:85px;
}
#brand_main1{
    float: left;
    width:100%;
	/*min-width:1903px;*/
    position: relative;
}
#brand_main1>img{
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/*联系我们*/
#contact_main{
    float: left;
    width:100%;
    min-width:1903px;
}
.contact_main{
    width:1400px;
    margin:0 auto;
}
.contact_title{
    float: left;
    width:100%;
    font-size:44px;
    text-align: center;
    border-bottom: 1px solid #000;
    font-weight: 100;
    height:100px;
    line-height:100px;
}
.contact_main>div{
    float: left;
    width:100%;
    border:1px solid #000;
    margin: 90px auto 110px;
}
.contact_main>div>ul{
    float: left;
    width:50%;
    margin:50px 0;
}
.contact_main>div>ul>li{
    float: left;
    width:100%;
    margin-top:15px;
}
.contact_main>div>ul>li>span{
    float: left;
    width:110px;
    height:60px;
    line-height:60px;
    text-align: center;
    border-right:1px solid #000;
    margin-left:100px;
}
.contact_main>div>ul>li>p{
    float: left;
    width:350px;
    height:60px;
    margin-left:15px;
    vertical-align: middle;
    display: table-cell;
}
.contact_main>div>ul>li>span>img{
    vertical-align: middle;
}