html{font-size: 62.5%;margin: 0;padding: 0;}

@font-face {font-family: '思源黑体';src: url(../font/SourceHanSansCN-Light.otf) format('truetype');}
@font-face {font-family: 'Calibri Regular';src: url(../font/calibri.ttf) format('truetype');}
@font-face {font-family: 'Barlow Condensed Regular';src: url(../font/BarlowCondensed-Regular.ttf) format('truetype');}

body {font-family:'微软雅黑';color: #000;margin: 0;padding: 0;background:#efefef;}
a:hover{text-decoration: none;}
li{list-style: none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;}
.pr{position: relative;}
.clr{clear: both;display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.text-r{text-align: right;}
.text-l{text-align: left;}
.text-c{text-align: center;}
/* ul, menu, dir {display: block;list-style-type: disc;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;} */

/*index*/
.header .navbar-nav li{font-family:'Calibri Regular';font-size:15px;font-family:'微软雅黑';}
.header .navbar-nav li:nth-child(2){font-family:'Calibri Regular';font-size:16px;}
.header .navbar-nav li a:hover{color:#3b1c57;}

.Abcontainer{margin-left:30px;margin-right: 0;}
.spotimg{background-color:#ddd;padding:21.42% 0;box-sizing: border-box;background-size:100% 100%;-webkit-background-size:100% 100%;display: block;background-position: center top;}
.spotimg img{width: 100%;}
.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;padding:22px 0;}
.footerb{border-top: solid 1px #e4e5e5;padding: 30px 0;}
.copyright{font-size: 14px;color: #b5b5b6;font-weight: 500;}
.copyright p{font-family:'Calibri Regular';}
.copyright a{color: #b5b5b6;display: inline-block;margin: 0 8px;}
.spacing{padding-top:10%;padding-bottom:28%;}
.CARE{overflow: hidden;}
.CARE p{color: #3b1c57;font-size:7rem;font-family:'Barlow Condensed Regular';}
.CARE p.pfont{font-family:'思源黑体';}
.ulcare{min-height: 10px;overflow: hidden;margin-top: 27%;font-family:'Calibri Regular';}
.ulcare li, .smoogoa{float: left;width: 18rem;height: 34px;line-height: 34px;text-align: center;background: #e4e4e4;font-size: 16px;margin-right:4rem;margin-bottom: 2rem;}
.ulcare li:nth-child(2){margin-right:0}
.ulcare li a, .smoogoa{color: #3b1c57;}
.smoogoa{margin-bottom: 0rem;font-family:'Calibri Regular';}
.Silk{padding-top:29%;}
.Silk h2{color: #9fa0a0;font-size: 2.4rem;line-height:3rem;margin-bottom:1.8rem;}
.Silk p{font-size: 14px;color: #000;line-height:2.4rem;margin-top:1.5rem;}
.img2t, .senses{min-height: 10px;overflow: hidden;}
.img2t img{float: right;}
.img1t{margin-top:-35%;display: inline-block;}
.senses{padding-top: 9%;margin-bottom:20%;}
.margul li{margin-right:3rem;width: 16rem;}
.margul .Silk{padding-top:17%;}
.BEAUTY{padding-top:36%;}
.BEAUTYimg{min-height: 10px;overflow: hidden;position: absolute;left: 0;bottom:-30%;width: 100%;}
.BEAUTYimg img{float: right;position:relative;}

/*about*/
.header-two{position: static;background: #fff;padding: 22px 0 10px;}
.aboutzj_box{padding: 6% 0 10%;}
.aboutzj_box h2{font-size: 24px;color: #3b1c57;line-height: 32px;margin-bottom: 1.6rem;font-weight: 800;}
.textabout, .hotline, .Profes{font-size: 16px;color: #3e3a39;line-height: 32px;word-wrap:break-word}
.textabout p, .Profes p{margin:0.8rem 0 1.4rem;}
.Profes p{color: #555;font-size: 16px;/* font-weight: 500; */}
.Profes p b{color: #000;}
/*Contact Us*/
.hotline{min-height: 130px;overflow:hidden;margin-bottom: 20px;}
.hotline h3{font-size: 20px;margin-bottom: 6px;position: relative;color: #3b1c57;}
.hotline h3 img{position: absolute;right:10px;top: 0;}

/*Discover*/
.Profes{padding-bottom:40px;}
.Profes h1{color: #3b1c57;font-size: 26px;line-height: 52px;/* margin-bottom: 1.6rem; */font-weight: 700;position: relative;}
.Profes ul li{font-size: 14px;line-height: 32px;color: #3e3a39;margin-bottom: 2rem;}
.Profes ul li h4{font-size: 16px;font-weight: bold;margin: 10px 0 4px;}
.Toshed img{margin: 6% auto 0;}
.layer .col-sm-4{padding: 0 3.5%;}
.layer img{width: 100%;}
.layer p{padding-top: 8%;}

.Profes h1 span{color: #000;display:block;/* margin-left: 15px; */}
.bordertom{padding:1.4% 0 1.8%;border-bottom: solid 2px #3b1c57;margin-bottom:4.4%;}
.smoogo{border:solid 1px #c9caca;padding: 18px 18px 12px;position: relative;}
.smoogo:after{content: ">";font-family: "宋体";font-size: 30px;color: #c9caca;position: absolute;right:25px;top:15px;}
.smoogo p{line-height: 34px;}
.h3weeks{text-align: center;color: #3b1c57;font-size: 28px;line-height: 42px;margin-bottom: 1.6rem;font-weight: 700;padding:50px 0 30px;}
.Methodo{color: #000;font-size: 20px;font-weight: 700;margin-bottom: 3.2rem;}
.p_Methodo{line-height: 26px;font-size: 16px;padding:1.6rem 0 15px 0;}
.mar-methodo{margin-top:2.8%;margin-bottom: 1.4rem;}
.xiangul, .stwee_hua{min-height: 10px;overflow:hidden;}
.xiangul{padding: 16px 10px 0;}
.xiangul li{border:solid 1px #cecfcf;padding: 10px 15px;font-size: 16px;min-height: 10px;overflow:hidden;width: 49%;float: left;margin-bottom:1%;margin-right:2%;font-weight: 800;}
.xiangul li:nth-child(even){margin-right:0px;}
.xiangul li span{float: left;color: #3b1c57;}
.xiangul li label{float: right;color: #3e3a39;font-weight: 500;text-align: right;}
.newarrival{/* position: absolute;right: 0;top: 0; */font-weight: 1100;color: #00b09b;}
.swiperbox{height: 500px;overflow: hidden;position: relative;}
.swiperbox .swiper-pagination{position: absolute;right: 0;top:200px;}
.swiperbox .swiper-pagination .swiper-pagination-bullet{display: block;width: 30px;height: 30px;margin:15px 0;background: #fff;}
.swiperbox .swiper-pagination .swiper-pagination-bullet-active{background: #3b1c57;}

.padd_ch{padding: 5.2% 0;}
.stwee{padding: 2.2% 0;}
.stwee p{text-align: center;color:#3b1c57;font-size: 18px;margin-bottom: 10px;}
.stwee p img{margin: 0 auto;}
.stwee_hua span{display:block;height:24px;float: left;width: 12.5%;position: relative;}
.stwee_hua span:after{content: "";position: absolute;left: 0;bottom: 0;background: #c8c8c8;height:18px;width: 1px;}

.stwee_hua span:nth-child(1):after, .stwee_hua span:nth-child(5):after{content: "";position: absolute;left: 0;bottom: 0;background: #c8c8c8;height:24px;width: 1px;}
.stwee_hua span:nth-child(5):after{background: #3b1c57;}
.stwee_hua span:nth-child(8):before{content: "";position: absolute;right: 0;bottom: 0;background:#3b1c57;height:24px;width: 1px;}
.stwee_two{height: 18px;width: 100%;position: relative;background:#3b1c57;position: relative;margin-top: 2px;}
.stwee_two b{position: absolute;display: block;width: 50%;height: 100%;background: #c8c8c8;}
.stwee_three{font-size: 16px;padding: 14px 0;}
.stwee_three span{float: left;width: 33.333%;}
.pw_with{width: 200px;}
.color_tab{padding: 5% 0 0 0;}
.color_tab .color_l, .color_tab ul{display: inline-block;vertical-align: middle;}
.color_tab ul li{display: inline-block;margin: 0 20px;text-align: center;}
.color_tab ul li i{width: 45px;height: 45px;border-radius: 50%;display: block;}
.color_tab ul li span{display: block;}
.color_tab ul li i.white{background: #fff;}
.color_tab ul li i.pink{background: #ffd2d6;}
.color_tab ul li i.green{background: #00b09b;}

.indxebanner a img{width: 100%;}
.auto{margin: 0 auto;}
.bortb{font-family:'Barlow Condensed Regular';color:#3b1c57;font-size:54px;position: relative;padding-bottom: 20px;margin-bottom:10px;padding-top: 10px;}
/*.bortb:after{content: "";width: 20px;height: 2px;background-color: #494544;position: absolute;left: 0;bottom: 0;}*/
.tbclicknav{font-family:'Calibri Regular';font-size:15px;color: #595757;padding: 0 15px;text-align: center;position: relative;}
.tbclicknav p{padding:16px 0;}
.tbclicknav ul li{line-height: 26px;cursor:pointer;}
.tbclicknav p{border:solid 1px #595757;padding:0px 10px;border-radius:10px;cursor:pointer;margin-top:38%;}
.tbclicknav ul{display: none;/* position: absolute;width: 56%; */}
.tbclicknav .new a{color:#595757;}
.header .paddleft{padding-left: 10%;}


.overhid{overflow: hidden;}
.boxshadow, .xiangul li, .smoogoa{-webkit-transition: all .2s linear;-ms-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.boxshadow:hover, .xiangul li:hover, .smoogoa:hover{-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, .4);-moz-box-shadow: 0 2px 16px rgba(0, 0, 0, .4);box-shadow: 0 2px 16px rgba(0, 0, 0, .4);-webkit-transform: translate3d(0, -2px, 0);-moz-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.xiangul li:hover{background-color: #3b1c57;}
.xiangul li:hover span, .xiangul li:hover label{color: #fff;}
.smoogoa:hover{background: #3b1c57;color: #fff;}






.ulcare{padding: 10px 10px 0;}
.ulcare li:hover{background-color:#3b1c57;}
.ulcare li:hover a{color: #fff;}
.img-chanical{width: 100%;overflow: hidden;}
.img-chanical img{transition: 0.5s;width: 100%;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.img-chanical img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}

.img-chanicalA{overflow: hidden;display: inline-block;}
.img-chanicalA img{transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.img-chanicalA img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}



.w3_agileits_services_grid_agile h3{
	text-transform: capitalize;
    font-size: 1.2em;
    letter-spacing: 3px;
    color: #ff401b;
    margin: 1em 0 1em;
    padding-bottom: .5em;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.w3_agileits_services_grid_agile h3:after {
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
	-ms-transition: all .5s ease;
    transition: all .5s ease;
    width: 20%;
    height:3px;
    background: #212121;
    left: 40%;
    bottom: 0;
}
.w3_agileits_services_grid:hover .w3_agileits_services_grid_agile h3:after {
    background:#ff401b;
    width: 60%;
}



/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background:#ff401b;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
/*.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}*/


/* Overline From left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #3b1c57;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}


/* Overline From left */
.hvr-overline-from-leftA {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-leftA:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 86%;
  bottom: 0;
  background: #3b1c57;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-leftA:hover:before, .hvr-overline-from-leftA:focus:before, .hvr-overline-from-leftA:active:before {
  right:0;
}
.opacit{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.opacit:hover{opacity: 0.8;}
.newAS{position: absolute;left: 0;top:40px;width: 100%;text-align: center;}

.copyright a:hover{color: #3b1c57;}