.ff
{
    font-family: 'iconfont' !important;
}
@font-face
{
    font-family: 'iconfont';

    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg');
}

* {outline: none;}
a {color: #333; outline: none;}
a:hover, a:focus {color: #b28850; text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0;}
em {font-style: normal;}
input,select {outline: none;}
body {overflow-x: hidden; font-size: 14px;  color: #444; font-family: Arial;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}
button, input, textarea {resize: none; border: none; outline: none; }

.fl {float:left;}
.fr {float:right;}
.o {overflow: hidden;}
.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}
.lh24 {line-height: 24px;}
/*.container {width: 1280px; }*/


/* header */
.header .logo .container {position: relative;}
.header .logo .find {position: absolute; right: 0px; top: 44px;}

.header {position: relative; z-index: 1000;}
.header .sharebox {position: absolute; right: 2vw; bottom: .2vw; z-index:1002;}
.header .sharebox a {display: inline-block; padding: 0 3px;}
.header .sharebox a i {font-size:1.6rem;}
.header .sharebox a:hover i {color:#b28850;}

.dnnav {position:relative;z-index:1000;padding:7px 10% 0 10%;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #595959;box-shadow:0 3px 3px #bbb}
.dnnav .uk-button {text-transform:capitalize;border:0;padding:0 22px;color:#000}
.dnnav .uk-dropdown {background:#f2f2f2; padding: 25px 15px; min-width: 248px; margin-top:3px!important;box-shadow:0 5px 12px rgba(0,0,0,.15),0px 3px 4px #bbb inset}
.dnnav a:hover,.dnnav .uk-button:hover {color:#b28850}
.dnnav>.uk-inline>button:after {content:"\f107";font-family:"FontAwesome";font-size:14px;line-height:14px;vertical-align:0;padding-left:3px}
.dnnav .product {width:1070%!important;margin-left:-300px!important;padding-left:200px!important;padding-right:200px!important;left:0!important}
.dnnav .our_hair li {height:33%;display:flex;align-items:center;justify-content:center}
.dnnav ul {height:10vw;background:#f2f2f2}
.dnnav ul li a {width:auto;background:#f2f2f2;color:#000;height:28px;line-height:28px;font-size:13px;display:block;margin:0;display:inline}
.dnnav li a:hover,.dnnav .product_li>a:hover,.dnnav .product a:hover {color:#b28850}
.dnnav .product_li {float:left;text-align:center}
.dnnav .product_li>a:after {content:"\f107";font-family:"FontAwesome";font-size:14px;line-height:14px;vertical-align:0;padding-left:3px}
.dnnav .product_li:last-child>a::after {display:none}
.dnnav .hot {color:#fff;background:red;display:inline;margin-left:5px;font-size:9px;padding:2px 6px;margin-right:-38px}
.dnnav .product_li ul li a {color:#6b6b6b}
.dnnav .about div>ul>li {text-align:center}


/* Index-Banner */
.carousel-inner {background: none; } 
.carousel-inner > .item img {margin: 0 auto;} 
.carousel-control.left {background-image: none;} 
.carousel-control.right {background-image: none;}
.carousel-indicators li {border:none; background-color: #fff; height: 3px; width: 30px; border-radius: 1.5px;}
.carousel-indicators .active {background-color: #e5002e; border:none; width: 30px; height: 3px; margin:1px;}


/* footer */
.kd {width:100%;margin:0 auto;margin-bottom:-6px}
.footer {/*background:#fbab00;*/padding:20px 0}
.footer_form #BtnSend {font-size:1.1rem;padding:10px 50px;margin-top:-20px}
.footer_form #BtnSend[disabled] {cursor:not-allowed;background-color:#222;color:#fff;border:1px solid transparent}
#Button1[disabled] {cursor:not-allowed}
#btnFree[disabled] {cursor:not-allowed}
.footer_form li {margin-bottom:10px}
.pro_input {width:100%;height:35px;line-height:35px;border:0;background:#fff;padding:0 10px;box-sizing:border-box}
.pro_select {width:100%;height:35px;line-height:35px;border:0;background:#fff;padding:0 10px;box-sizing:border-box}
.pro_textarea {width:100%;border:0;background:#fff;padding:10px;box-sizing:border-box;font-family:"microsoft yahei",simhei}
.footer_text p {padding:35px 0;font-size:1.2rem;margin-left:25px}
.footer_text p span {padding-right:10px}

.footer_text p {display:flex;align-items:center;padding:22px 0 !important; margin: 0 auto;}
.footer_text p i {font-weight: normal;float:left;display:block;font-size:2.5rem;margin-right:10px;}
.footer_text p span {display:block;float:left;margin-left: 10px;}

.footer {padding:35px 0 0 0; background-repeat: no-repeat;}
.footer .in_abtbt {color:#fff;font-weight:bold;font-family:'Arial';padding-top:5px;}
.footer .footer_text {color:#fff;}
.footer_form #BtnSend {font-size:1.1rem;border:2px solid #fff !important;background:#fff;color:#000;padding:0px 50px;margin-top:0;font-weight:bold;}
.footer_form form select,.footer_form form input,.footer_form form textarea {color:#828282;font-size:125.5%;}
.footer_form form input::-webkit-input-placeholder,.footer_form form textarea::-webkit-input-placeholder {color:#828282;}
#captcha {position:absolute;}


.cart-icon{line-height:30px;position:fixed;z-index:9;bottom:40%;right:10px;margin-top:25px;display:block; z-index: 1000;}
@media (max-width:1560px){.cart-icon{right:10px}
}
.cart-icon a{display:block;width:50px;height:50px;text-align:center;border:1px solid #e2e2e2;border-radius:50%;background-color:#fff}
.cart-icon a::before{font-family:iconfont;font-size:24px;line-height:50px;content:'\e617';color:#c78543}
.cart-icon span{font-size:12px;line-height:20px;position:absolute;z-index:10;top:-4px;right:-3px;display:inline-block;width:20px;height:20px;vertical-align:super;color:#fff;border-radius:50%;background-color:#333}


.online{position:fixed;z-index:99;top:30%;right:-130px;width:190px;-webkit-transition:all .4s ease;transition:all .4s ease;background-color:#b28850}
@media (max-width:767px){.online{display:none}
}
.online::before{position:absolute;top:50%;left:-40px;display:inline-block;width:30px;height:30px;content:'';background:url(../image/jiantou.png) no-repeat;background-size:cover}
.online:hover{right:0!important}
.online .o-title{text-align:left;background-color:#000}
.online .o-title h3{font-family:Arial;font-size:14px;font-weight:700;margin:0;padding:14px 10px;color:#fff}
.online .o-title h3::before{font-family:iconfont;font-size:40px;font-weight:400;line-height:33px;display:inline-block;float:left;width:32px;height:33px;margin-right:20px;content:'\e623';text-align:center}
.online>ul{margin:0;padding:0}
.online>ul>li{padding:10px;list-style:none;border-bottom:1px solid rgba(255,255,255,.2)}
.online>ul>li .pic{position:relative;z-index:1;display:inline-block;overflow:hidden;width:44px;height:44px;vertical-align:top;border:2px solid #ffb09f;border-radius:50%}
.online>ul>li .pic .img-box{border-radius:50%;     position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 100%;}
.online>ul>li .pic .img-box img {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.online>ul>li .note{display:inline-block;width:112px;margin-left:8px;vertical-align:top;color:#fff}
.online>ul>li .note p{font-family:Arial;font-weight:700;margin:0}
.online>ul>li .note ul{margin:0;padding:0}
.online>ul>li .note ul li{font-size:12px;position:relative;float:left;margin-left:8px;list-style:none;cursor:pointer;text-decoration:underline}
.online>ul>li .note ul li:first-child{margin-left:0}
.online>ul>li .note ul li .link{font-weight:700;line-height:22px;position:absolute;z-index:9;top:24px;left:0;display:none;height:22px;padding:0 5px;color:#333;background-color:#fff}
.online>ul>li .note ul li .link::before{position:absolute;top:-5px;display:block;width:0;height:0;content:'';border-right:8px solid transparent;border-bottom:5px solid #fff;border-left:8px solid transparent}
.online>ul>li .note ul li:hover{color:rgba(255,255,255,.5)}


body.searchactive {position: fixed; overflow: hidden; width: 100%; height: 100%; }

.header .find{line-height:26px;z-index:10;display:inline-block;height:26px;padding:0 18px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;text-align:center;color:#666}
/*.header .find::before{font-family:iconfont;font-size:18px;content:'\e660';color:#afafaf}*/
.header .find:hover{color:#dbb3bd;border-color:#dbb3bd}
.header .find:hover:before{color:#dbb3bd}


.header .search-box{position:fixed;z-index:8888;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%;margin-top:20px;margin-top:0;margin-right:10px;padding:0 3%;background-color:rgba(0,0,0,.96)}
.header .search-box .search{line-height:40px;overflow:hidden;zoom:1;width:240px;border:1px solid #dbdbdb;border-radius:40px}
.header .search-box .search:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.header .search-box .input-text{float:left;height:38px;padding-left:10%;background:0 0}
@media (min-width:768px){.header .search-box .input-text{width:100%;padding:0 50px 0 3%}
}
.header .search-box .input-submit{line-height:36px;float:right;width:50px;-webkit-animation:fadeInLeft 1s 0s ease both;animation:fadeInLeft 1s 0s ease both;background:0 0}
.header .search-box .input-submit:before{font-family:iconfont!important;font-size:22px;content:'\e660';color:#343434}
@media (min-width:768px){.header .search-box .input-submit{position:absolute;right:0;bottom:20px}
}

.header .search-lg .search{position:absolute;top:50%;right:0;left:0;width:100%;max-width:800px;margin:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border:none;border-bottom:3px solid #1f1e1e;border-radius:0}
.header .search-lg .search p{margin-bottom:50px;-webkit-animation:zoomIn 1s 0s ease both;animation:zoomIn 1s 0s ease both;text-align:center;letter-spacing:2px;color:#fff}
.header .search-lg .input-text{font-size:20px;line-height:30px;height:60px;padding:0;padding-bottom:30px;-webkit-animation:zoomIn 1s 0s ease both;animation:zoomIn 1s 0s ease both;text-align:center;color:#fff}
.header .search-lg .close-btn{position:fixed;top:34px;right:18%;cursor:pointer}
@media (max-width:1440px){.header .search-lg .close-btn{right:8%}
}
.header .search-lg .close-btn:before{font-size:20px;content:'\2716';color:#fff}





/* wap */
@media (max-width:768px) {

.carousel-inner {background: none; height:auto;} 

.pcmenu {background-color: rgba(255,255,255,.95); height: 70px; box-shadow: 0 0 8px #ddd;}
.pcmenu .navbar-brand {padding-top: 10px; position: absolute;
    margin-left: -60px;
    left: 50%;}
.pcmenu .navbar-brand img {height: 65px;}
.pcmenu .navbar-nav>li>a {font-size: 14px; color: #333; margin: 0 30px; padding-left: 0; padding-right: 0; transition: all 0.4s;}
.pcmenu .nav>li>a:focus, .pcmenu .nav>li>a:hover {background-color: transparent; border-bottom: 2px solid #840808;}
.pcmenu .nav>li.active>a.dropdown-toggle {border-bottom: 2px solid #840808;}

.pcmenu {height: auto; padding-bottom: 5px;}
.pcmenu .navbar-toggle {margin-top: 14px;}
.pcmenu .navbar-brand img {height: 45px;}
.navbar-toggle .icon-bar {background-color: #333;}

.open>.dropdown-menu li {padding-left: 1.4em;}


.di_nav{ height:50px; width: 100%; position:fixed; bottom:0px; z-index:9999999;border-top: 1.2px solid #000;background: #fff;}
.di_nav a {color:#000 !important;margin: 10px 0;font-size: 15px;text-align: center;text-transform: capitalize;width:33%;height:30px; float:left;display: flex;align-items: center;justify-content: center;}
.di_nav a span{margin-left: 4px;width: 22px;height: 50px;justify-content: center;}
.di_nav a:nth-child(1) span{ background:url(../image/home.png) no-repeat left / 75%;}
.di_nav a:nth-child(2) span{ background:url(../image/contact.png) no-repeat left / 75%;}
.di_nav a:nth-child(3) span{ background:url(../image/whatsapp.png) no-repeat left / 100%; }
.di_nav a:nth-child(4) span{ background:url(../image/carter.png) no-repeat left / 100%;}
.di_nav a:not(:last-of-type){border-right: 1.2px solid #000;}
.di_nav a:nth-child(4) {position: relative;}
.di_nav a:nth-child(4) em {position: absolute; background: #000; left: 6px; top: 2px; color: #fff; display: inline-block; width: 16px; height: 16px; line-height: 16px; font-size: 12px; border-radius: 8px;}


.footer {padding: 35px 0;}
.footer .in_abtbt {font-size: 1rem;}
.footer .footer_form {display: none;}

.footer .footer_text {width: 100%;}
.footer .footer_text p {padding: 3px 0 !important;}
.footer_text p i {font-size: 1.1rem;}
.footer_text p span {font-size: 1rem; color:#fff;}

.wapnav{ height:56px; padding-left:20px; padding-right:20px;margin-top: -5px;    background:#e1dfdc;}
.l_san{ float:right; width:45px; height:56px; background:url(../image/liebiaologo.png) left center no-repeat; border:none; box-shadow:none;}
.logo{ width:115px; height:56px;    margin: 5px auto;}
  .logo img {max-height:100%;}
.logos{ height:110px; background:#303030;}
.logos img{ margin-left:36px; margin-top:20px;}
.z_nav ul > li > a{position:relative; background: rgba(255, 255, 255, 0.40);margin-bottom: 8px;}
.z_nav ul li a{padding: 5px 20px;line-height:32px; color:#ffc184;font-size: 16px; display:block;font-family: Arial;}
.z_nav ul li.active{ }
.z_nav ul li a span{ width:10px; height:10px; background:#232324; border:3px solid #fff; border-radius:8px; display:block; float:left; margin-top:20px; margin-left:46px; margin-right:14px;}
.z_nav ul li i.v01{ }
.z_nav ul li i.v02{ background:url(../image/i02.png) left center no-repeat; width:38px; height:18px; display:block; position:absolute; right:20px; top:18px;}
.z_nav ul li.active a span{ background:#fff;}
.z_nav ul li ol{ display:none; padding-top:7px; padding-bottom:7px; position: relative;}
/*.z_nav ul li ol li:not(:last-of-type){border-bottom: 1px dashed #ffc184;}*/
.z_nav ul li ol li a{  font-weight:normal;/* padding-left:90px;*/ background:none;color: #fff;}
.z_nav ul li.active ol li a{ background:none;}
.z_nav ul li ol li a:hover{ color:#fff;}
.z_nav ul li ol.active{ display:block;}
.z_nav{background: #000;z-index: 100;}
.z_nav ul{background: url(../image/nav_back.jpg) no-repeat center center;background-size: 100%;padding-bottom: 40px;}
.z_nav ul li{position: relative;}
.z_nav ul li span{font-family: Arial;text-align: center; z-index:100; position: absolute;color: #fff;background: rgba(255, 255, 255, 0.30);border-radius: 50%;top: 6px;right: 20px;width: 30px;height: 30px;font-size: 1.5rem;display: flex;align-items: center;justify-content: center;}
.z_nav ul li span:hover{cursor: pointer;}
.z_nav ul > li > ol >p{position: absolute;top: -8.001px;left: 65px;border: 15px solid transparent;border-top: 15px solid rgba(255, 255, 255, 0.40);}
.z_nav ul li ol .dashed:not(:last-of-type) {height: 2px;background: linear-gradient(to right, transparent 0%, transparent 50%,#ffc184 50%,#ffc184 100%);background-size: 7px 1px;background-repeat: repeat-x;}


}


@media (min-width:769px) and (max-width:992px){
	
	

}


@media (min-width:1280px) and (max-width:1370px){

.dnnav {padding: 7px 5% 0 5%;}
.dnnav .uk-button { padding: 0 15px;}
.header .sharebox { bottom: 5.8vw;}

.footer {background-size: auto; background-position: -350px;}

}


@media (min-width:1371px) and (max-width:2000px){


.header .sharebox { bottom: 5vw;}
.footer {background-size: cover;}

}

/*#fb-root .fb_dialog,#fb-root .fb_customer_chat_bounce_in_v2{
	bottom: 57pt !important;
}
*/