html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0; padding: 0; border: none; }
img{ vertical-align: middle; border-style: none; max-width: 100%; object-fit: cover;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{ content: "."; display: block; overflow: hidden; height: 0; clear: both; visibility: hidden}
.fl{float: left}
.fr{float: right}
b,strong{ font-weight:900;}
@font-face {
font-family:'B0XING'; src:url("../fonts/boxing/boxing.eot");src:url("../fonts/boxing/boxing.eot?#iefix") format("embedded-opentype"),url("../fonts/boxing/boxing.woff") format("woff"),url("../fonts/boxing/boxing.ttf") format("truetype"),url("../fonts/boxing/boxing.svg#YourWebFontName") format("svg");
}
html,body{ font-size: 15px; width: 100%; line-height: 186%; background-color: #FFF; color:#000; font-family:Arial,Helvetica,sans-serif;}
.filletBox { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
/* Links Start */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#e62800; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { color:#333; text-decoration: none; }
/* Links End */
/* Header One Star */
.header-one { text-align: center; font-weight: 700; font-size: 22px;}
/* Header One End */
/* Header Two Star */
.header-two { font-family:'B0XING'; font-size: 40px; position: relative; line-height: 1; padding-top: 15px;}
.header-two::after { position: absolute; left: 0; top: 0; content: ''; width: 76px; height: 5px; background: #000;}
.header-two .mores { float: right;}
/* Header Two End */
/* Header Thr Star */
.header-thr { font-family:'B0XING'; font-size: 40px; position: relative; line-height: 1; padding-top: 15px; text-align: right; color: #FFF;}
.header-thr::after { position: absolute; right: 0; top: 0; content: ''; width: 76px; height: 5px; background: #FFF;}
.header-thr .mores { float: left; color: #FFF;}
/* Header Thr End */
/* Header Four Star */
.header-four { font-family:'B0XING'; font-size: 40px; position: relative; line-height: 1; padding-top: 15px; text-align: center; color: #FFF;}
.header-four .layer { position: absolute; right: 0; top: 0; width: 100%; }
.header-four .layer .line { width: 76px; height: 5px; background: #FFF; margin: 0 auto;}
/* Header Four End */
/* Header Five Star */
.header-five { margin: 0; padding: 0; display: block; color: #FFF; text-align: center;}
.header-five em { font-family:'B0XING'; font-size: 40px; line-height: 1;}
.header-five i { display: block; outline: none; height: 5px; width: 76px; background: #FFF; margin: 15px auto 0 auto; overflow: hidden;}
/* Header Four End */
/* Header Star */
#header { background: rgba(255,255,255,0.63); padding: 10px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 99999999; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;}
.header .logo { float: left;}
.header .logo img { max-height: 80px;}
.header ul.menu { float: right; padding: 12px 5px; margin-top: 22px;}
.header ul.menu li { float: left; padding: 0 20px; position: relative; line-height: 1; font-size: 17px; font-weight: 600;}
.header ul.menu li::after { position: absolute; top: 3px; right: 0; content: ''; width: 1px; height: 100%; background: #000;}
.header ul.menu li:last-child::after { display: none;}
.header ul.menu li.active a { color: #4f260d; position: relative;}
.header ul.menu li.active a::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 3px; background: #4f260d; }
.header .navigations { display: none;}
#header.ups { opacity:1; top: 0;}
#header.downs{ opacity:0;top: -120px;}
/* Header End */
/* Swiper Star */
.swiper{--swiper-theme-color: #FFF;--swiper-pagination-color: #FFF; --swiper-pagination-bullet-inactive-color:#FFF; --swiper-pagination-bullet-inactive-opacity:1; --swiper-pagination-bullet-width:2px; --swiper-pagination-bullet-height:2px;}
.swiper-pagination-bullet { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s; }
.swiper-pagination-bullet-active { width: 60px; border-radius: 10px;}
.swiper-pagination span { position: relative;}
.swiper-pagination span::after { position: absolute; bottom: -3px; right: -25px; font-weight: 700; font-size: 17px; color: #FFF; line-height: 1;}
.swiper-pagination span:nth-child(1)::after { content: '01';}
.swiper-pagination span:nth-child(2)::after { content: '02';}
.swiper-pagination span:nth-child(3)::after { content: '03';}
.swiper-pagination span:nth-child(4)::after { content: '04';}
.swiper-pagination span:nth-child(5)::after { content: '05';}
.swiper-pagination span:nth-child(6)::after { content: '06';}
.swiper-pagination span:nth-child(7)::after { content: '07';}
.swiper-pagination span:nth-child(8)::after { content: '08';}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin-right: 25px;}
/* Swiper End */
/* Mobile Menus Star */
.mobile-menus {display: none;}
/* Mobile Menus End */
/* Header Blank Star */
#header-blank { display: block; width: 100%; height: 100px;}
/* Header Blank End */
/* List Social Star */
#list-social{ background: url("../img/social-bg.jpg") center no-repeat; background-size: cover; padding-top: 50px; padding-bottom: 50px; overflow: hidden;}
.list-social { text-align: center; margin-top: 50px;}
.list-social ul.link { margin: 0 auto; display: table; text-align: center;}
.list-social ul.link li { padding-left: 30px; padding-right: 30px; float: left;}
.list-social ul.link li img { max-width: 70px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.list-social ul.link li:hover img { transform: translate3d(0,-10px,0); -ms-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); -webkit-transform: translate3d(0,-10px,0); -o-transform: translate3d(0,-10px,0);}
/* List Social End */
/* Women Hair Star */
#women-hair { padding-top: 80px; padding-bottom: 70px; overflow: hidden;}
.women-hair { display: flex;}
.women-hair .lefts { display: inline-block; width: 36.000000%; margin-right: 6.00000%; }
.women-hair .lefts img { display: none;}
.women-hair .rights { display: inline-block; width: 58.000000%;}
.women-hair .rights ul.list li { float: left; margin-right: 2.000000%; width: 49.000000%; margin-bottom: 15px; overflow: hidden;}
.women-hair .rights ul.list li:nth-child(2n) { margin-right: 0;}
.women-hair .rights ul.list li:nth-child(n+3) { margin-bottom: 0;}
.women-hair .rights ul.list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.women-hair .rights ul.list li:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);}
/* Women Hair End */
/* Men Hair Star */
#men-hair { padding-top: 100px; padding-bottom: 100px; overflow: hidden;}
.men-hair { width: 78.000000%; float: right;}
.men-hair .intro { font-size: 17px; font-weight: 500; color: #FFF; margin-bottom: 50px;}
.men-hair ul.list { margin-top: 50px;}
.men-hair ul.list li { margin-right: 2.000000%; float: left; width: 32.000000%; overflow: hidden;}
.men-hair ul.list li:nth-child(3n) { margin-right: 0;}
.men-hair ul.list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.men-hair ul.list li:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);}
/* Men Hair End */
/* Nail Foot Star */
#nail-foot { padding: 80px 0 140px 0; overflow: hidden;}
.nail-foot { margin-top: 50px; position: relative;}
.nail-foot ul.list { }
.nail-foot ul.list li { float: left; margin-right: 1.000000%; width: 24.2500000%; overflow: hidden;}
.nail-foot ul.list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.nail-foot ul.list li:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2);}
.nail-foot ul.list li:nth-child(4n) { margin-right: 0;}
.nail-foot .layer { position: absolute; left: 0; bottom: -35px; width: 100%; text-align: center; color: rgba(92,92,92,0.1); font-size: 150px; font-weight: 700; text-transform: uppercase;}
/* Nail Foot End */
/* Hair Dresser Star */
#hair-dresser { overflow: hidden;}
#hair-dresser ul.list { }
#hair-dresser ul.list li { float: left; margin-right: 1.000000%; width: 32.666666%; padding: 3% 3% 3% 3%; color: #5c5c5c; text-align: center; background: url("../img/hair-dresser-bg1.png") center no-repeat; background-size: cover;}
#hair-dresser ul.list li:nth-child(2) { background: url("../img/hair-dresser-bg2.png") center no-repeat; background-size: cover;}
#hair-dresser ul.list li:nth-child(3) { margin-right: 0; background: url("../img/hair-dresser-bg3.png") center no-repeat; background-size: cover;}
#hair-dresser ul.list li .head { position: relative; display: inline-block; margin: 0 auto;}
#hair-dresser ul.list li .head .marks { position: absolute; top: 5px; left: -40px;}
#hair-dresser ul.list li .head img.img-circle { width: 215px; height: 215px; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#hair-dresser ul.list li:hover .head img.img-circle { transform: translate3d(0,-10px,0); -ms-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); -webkit-transform: translate3d(0,-10px,0); -o-transform: translate3d(0,-10px,0);}
#hair-dresser ul.list li .name { font-size: 17px; font-weight: 700; margin-top: 20px; margin-bottom: 30px;}
#hair-dresser ul.list li .intro { font-size: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/**
#hair-dresser ul.list li { float: left; margin-right: 1.000000%; width: 32.666666%; padding: 3%; text-align: center;
background-image: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #999999 0%, 20%, rgba(153,153,153,0) 40%),
radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%),
radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #666666 0%, 42%, rgba(102,102,102,0) 70%),
radial-gradient(circle at 93.6865234375% 11.42578125%, #666666 0%, 42%, rgba(102,102,102,0) 70%),
radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
}
#hair-dresser ul.list li:nth-child(2){
background-image: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #999999 0%, 20%, rgba(153,153,153,0) 40%),
radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%),
radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #666666 0%, 42%, rgba(102,102,102,0) 70%),
radial-gradient(circle at 93.6865234375% 11.42578125%, #666666 0%, 42%, rgba(102,102,102,0) 70%),
radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
}
#hair-dresser ul.list li:nth-child(3) {
background-image: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #999999 0%, 20%, rgba(153,153,153,0) 40%),
radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(102,102,102,0.99) 0%, 25%, rgba(102,102,102,0) 50%),
radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #666666 0%, 42%, rgba(102,102,102,0) 70%),
radial-gradient(circle at 93.6865234375% 11.42578125%, #666666 0%, 42%, rgba(102,102,102,0) 70%),
radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
}
**/
/* Hair Dresser End */
/* Cooperate Brand Star */
#cooperate-brand { padding-top: 80px; padding-bottom: 80px; overflow: hidden;}
#cooperate-brand ul.list { }
#cooperate-brand ul.list li { float: left; margin-right: 1.000000%; width: 24.250000%; margin-bottom: 10px; border: solid 1px #bdbfc1; padding: 2%; text-align: center;}
#cooperate-brand ul.list li:nth-child(4n) { margin-right: 0;}
#cooperate-brand ul.list li img { -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#cooperate-brand ul.list li:hover img { transform: translate3d(0,-10px,0); -ms-transform: translate3d(0,-10px,0); -moz-transform: translate3d(0,-10px,0); -webkit-transform: translate3d(0,-10px,0); -o-transform: translate3d(0,-10px,0);}
/* Cooperate Brand End */
/* Footer Star */
#footer { background: #141414; padding-top: 60px; padding-bottom: 60px; overflow: hidden;}
.footer { margin-left: 10%; margin-right: 10%; margin-top: 50px; text-align: center;}
.footer ul.contact { margin: 0 auto; display: flex;}
.footer ul.contact li { margin-right: 1.000000%; width: 32.666666%; text-align: center; background: #2f2f2f; padding: 5% 4% 3% 4%; color: #FFF;}
.footer ul.contact li .text { font-size: 17px; margin-top: 15px; font-weight: 600; display: flex; justify-content: center; align-items: center; height: 90px;}
.footer ul.contact li:nth-child(2) { background: url("../img/contact-bg2.png") center no-repeat; background-size: cover; color: #000;}
.footer ul.contact li:nth-child(3) { margin-right: 0; background: url("../img/contact-bg3.png") center no-repeat; background-size: cover;}
/* Footer End */
/* Copyright Star */
#copyright { background: #000000; padding-top: 15px; padding-bottom: 15px; color: #636567; overflow: hidden;}
#copyright .copyright { float: left; font-size: 17px;}
#copyright .share { float: right;}
#copyright .share ul li { float: left; margin-left: 15px;}
/* Copyright End */
/* <1920的设备 */
@media screen and (max-width: 1920px){
}
/* <1680的设备 */
@media screen and (max-width: 1680px){
}
/* <1500的设备 */
@media screen and (max-width: 1500px){
}
/* <1440的设备 */
@media screen and (max-width: 1440px){
}
/* <1366的设备 */
@media screen and (max-width: 1366px){
}
/* <1200的设备 */
@media screen and (max-width: 1200px){
}
/* <991的设备 */
@media screen and (max-width: 991px) {
/* Header Two Star */
.header-two { font-size: 32px;}
/* Header Two End */
/* Header Thr Star */
.header-thr { font-size: 32px;}
/* Header Thr End */
/* Header Four Star */
.header-four { font-size: 32px;}
/* Header Four End */
.container { padding-left: 10px; padding-right: 10px;}
/* Header Star */
#header { padding-top: 10px; padding-bottom: 10px;}
.header .logo { width: 100%; text-align: center;}
.header .logo img { max-height: 100px;}
.header ul.menu { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; margin-top: 0; padding-top: 20%;}
.header ul.menu li { float: none; width: 100%; padding: 20px 0; font-size: 24px; text-align: center;}
.header ul.menu li::after { display: none;}
.header .navigations { z-index: 88888888; position: fixed; top: 50px; right: 10px; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; width: 28px;}
.header .navigations span { display: block;width: 100%;height: 2px;margin-bottom: 5px;border-radius: 3px;background-color: #000;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.header .navigations span:last-child {margin-bottom: 0;}
.header .navigations span:nth-child(2) {width: 75%;}
.header .navigations.active { }
.header .navigations.active span:nth-child(1) {transform: rotate(45deg);margin: 0;margin-top: 2px;}
.header .navigations.active span:nth-child(2) {display: none;}
.header .navigations.active span:nth-child(3) {transform: rotate(-45deg);margin: 0;margin-top: -2px;}
/* Header End */
/* Header Blank Star */
#header-blank { height: 120px;}
/* Header Blank End */
/* List Social Star */
#list-social{ padding-top: 40px; padding-bottom: 40px;}
.list-social { margin-top: 20px;}
.list-social ul.link li { padding-left: 22px; padding-right: 22px; width: 33.333333%;}
.list-social ul.link li img { max-width: 60px;}
/* List Social End */
/* Women Hair Star */
#women-hair { padding-top: 30px; padding-bottom: 20px;}
.women-hair { display: block;}
.women-hair .lefts { width: 100%; margin-right: 0; background:none; margin-bottom: 10px;}
.women-hair .lefts img { display: block; margin-top: 15px;}
.women-hair .rights { width: 100%;}
/* Women Hair End */
/* Men Hair Star */
#men-hair { padding-top: 50px; padding-bottom: 50px;}
.men-hair { width: 100.000000%; float: none;}
.men-hair .intro { margin-top: 20px; margin-bottom: 30px;}
.men-hair ul.list { margin-top: 20px;}
/* Men Hair End */
/* Nail Foot Star */
#nail-foot { padding: 50px 0 70px 0;}
.nail-foot { margin-top: 20px; }
.nail-foot ul.list { }
.nail-foot ul.list li { width: 49.000000%; margin-bottom: 5px;}
.nail-foot ul.list li:nth-child(2n) { margin-right: 0;}
.nail-foot .layer { bottom: -20px; font-size: 80px; }
/* Nail Foot End */
/* Hair Dresser Star */
#hair-dresser ul.list li { float: none; margin-right: 0; width: 100%; padding: 15% 4% 10% 4%;}
#hair-dresser ul.list li .name { margin-top: 10px; margin-bottom: 15px;}
/* Hair Dresser End */
/* Cooperate Brand Star */
#cooperate-brand { padding-top: 40px; padding-bottom: 30px;}
#cooperate-brand ul.list li { margin-right: 1.000000%; width: 49.000000%; margin-bottom: 5px;}
#cooperate-brand ul.list li:nth-child(2n) { margin-right: 0;}
/* Cooperate Brand End */
/* Footer Star */
#footer { padding-top: 40px; padding-bottom: 40px;}
.footer { margin-left: 0; margin-right: 0; margin-top: 30px; }
.footer ul.contact { margin: 0 auto; display: block;}
.footer ul.contact li { margin-right: 0; width: 100%; padding: 10% 4% 8% 4%;}
.footer ul.contact li .text { margin-top: 15px; font-weight: 600; display: inline-block; height: auto;}
/* Footer End */
}
/* <767的设备 */
@media screen and (max-width: 767px){
}
/* <450的设备 */
@media screen and (max-width: 450px){
}