@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0; font-family: "Microsoft YaHei" , Tohoma, Arial; }

.navbar-toggle{    border-radius: 0; border:none; background:url(/ezfiles/3/1003/img/871/icon_cross.png) center no-repeat; background-size:auto 24px; width:24px; height:24px;right:auto; left:15px; top:40px;}
.navbar-toggle.active{background:url(/ezfiles/3/1003/img/871/icon_menu.png) center no-repeat; background-size:auto 24px;}
.navbar-toggle.collapsed{background:url(/ezfiles/3/1003/img/871/icon_menu.png) center no-repeat; background-size:auto 24px;}
.navbar-toggle span{ display:none; }
#Dyn_head{ position:fixed; width:100%; top:0; left:0; z-index:9;    min-height: 95px;background: rgba(255,255,255,0.85);}
.go-pcurl{ display:none;}
.langbar{ display:none;}
.module.module-minicart{ display:none;}
.header_div .outer{ max-width:1160px; margin:0 auto;}
.header_div .brand{ float:left;  margin-top: 20px;}
.header_div .links{ float:right; color:#818181; font-size:12px; margin-top:20px;}
.header_div .links a{color:#818181; text-decoration:none;  padding:0 15px; transition: 0.5s ease; font-family: "Microsoft YaHei" , Tohoma, Arial; display:inline-block; position:relative; height: 20px;    line-height: 20px;}
.header_div .links a:after{ content:''; position:absolute; top:4px; right:0; background:#818181; width:1px; height:13px;}
.header_div .links a:last-child{ padding-right:0;}
.header_div .links a:last-child:after{ background:none;}
.header_div .links a.wechat{ background:url(/ezfiles/3/1003/img/871/icon_wechat.svg) 6px center no-repeat; background-size:auto 28px; padding-left:33px;}
.header_div .links a.en{ background:url(/ezfiles/3/1003/img/871/icon_en.svg) 6px center no-repeat; background-size:auto 28px; padding-left:33px;}
.header_div .links a.cn{ background:url(/ezfiles/3/1003/img/871/icon_cn.svg) 6px center no-repeat; background-size:auto 28px; padding-left:33px;}
.header_div .links a.jp{ background:url(/ezfiles/3/1003/img/871/icon_jp.svg) 6px center no-repeat; background-size:auto 28px; padding-left:33px;}
.header_div .links a.back_home img{ height:24px;margin-bottom: -8px;}
.header_div .links a:hover{ color:#aa8047;}
.header_div #navbar{ float:right; margin-top:15px;}
.header_div #navbar li{ float:left; margin-left:60px;}
.header_div.jp #navbar li{ margin-left:25px;}
.header_div.jp #navbar{ margin-top:0;}
.header_div.jp .links a.back_home img{ margin-top:-7px;}
.header_div #navbar li:first-child{ margin-left:0;}
.header_div #navbar a{ color:#3e3a39; font-size:14px;    padding: 5px 0 22px 0; position:relative;font-family: "Microsoft YaHei" , Tohoma, Arial;}
.header_div #navbar a:after{ content:''; position:absolute; left:0; top:0; width:0%; height:2px; background:#3e3a39;transition: 0.5s ease;}
.header_div.jp #navbar a:hover{ border:none;}
.header_div #navbar a:hover:after{width:100%;}
.header{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	background:none;
	border: none;
}
.mpgdetail{ padding:0;}
.module.module-cglist{ margin-bottom:0;} 
.header_div .nav .open>a,.header_div .nav .open>a:hover,.header_div .nav .open>a:focus{ background:none;}
.header_div #navbar li .dropdown-menu{border: none;    left: -35px; border-radius:0;}
.header_div #navbar li:hover .dropdown-menu{ display:block;}
.header_div.jp #navbar li .dropdown-menu li{ margin-left:0;}

.header_div #navbar li li{ margin-left:0; width:100%;}
.header_div #navbar li li a{ padding:10px; text-align:center; color:#999;}
.header_div #navbar li li a:hover{ color: #3e3a39;}
.header_slider .owl-item .info span{
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.header_slider .owl-item .info span:nth-child(1){animation-delay: 0.1s;}
.header_slider .owl-item .info span:nth-child(2){animation-delay: 0.2s;}
.header_slider .owl-item .info span:nth-child(3){animation-delay: 0.3s;}
.header_slider .owl-item .info span:nth-child(4){animation-delay: 0.4s;}
.header_slider .owl-item .info span:nth-child(5){animation-delay: 0.5s;}
.header_slider .owl-item .info span:nth-child(6){animation-delay: 0.6s;}
.header_slider .owl-item .info span:nth-child(8){animation-delay: 0.7s;}
.header_slider .owl-item .info span:nth-child(8){animation-delay: 0.8s;}
.header_slider .owl-item .info span:nth-child(9){animation-delay: 0.9s;}
.header_slider .owl-item .info span:nth-child(10){animation-delay: 1s;}
.header_slider .owl-item .info span:nth-child(11){animation-delay: 1.1s;}
.header_slider .owl-item .info span:nth-child(12){animation-delay: 1.2s;}
.header_slider .owl-item .info span:nth-child(13){animation-delay: 1.3s;}
.header_slider .owl-item .info span:nth-child(14){animation-delay: 1.4s;}
.header_slider .owl-item .info span:nth-child(15){animation-delay: 1.5s;}
.header_slider .owl-item.active .info span{
 -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.header_banner .owl-controls{ display:none;}

.header_slider .item{ position:relative;}
.header_slider .item .info{ position:absolute; left:0; bottom:8%; width:100%; text-align:center; font-size:68px; font-weight:800; color:#fff;}
.header_slider .item .info span{ display:inline-block; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); }
.header_slider .item .info .spacer{ width:30px;}
.profile_div{ margin-top:80px;}
.profile_div .outer{ max-width:1160px; margin:0 auto;}
.profile_div .outer:after{ content:''; display:block; clear:both;}
.profile_div .outer .img{ float:left; width:50%; text-align:center;}
.profile_div .outer .img a{ display:block; text-align:center;}
.profile_div .outer .img img{ width:90%;}
.profile_div .outer .info{ float:right; width:45%;}
.profile_div .outer .info h3{ margin:0 0 40px 0; padding:0 0 30px 0; position:relative; font-size:32px;}
.profile_div .outer .info h3:after{ content:''; position:absolute; left:0; bottom:0; background:#3e3a39; width:95px; height:3px;}
.profile_div .outer .info p{ font-size:13px; color:#3e3a39; line-height:27px;}
.profile_div .outer .info .action{ font-size:12px; margin-top:30px; text-align:left;}
.profile_div .outer .info .action a{ transition: 0.5s ease;display:inline-block; color:#3e3a39; position:relative; padding:5px 0;}
.profile_div .outer .info .action a:after{ content:''; background:#3e3a39; height:1px; width:100%; position:absolute; left:0; bottom:0;}
.profile_div .outer .info .action a:hover{ text-decoration:none; color:#aa8047;}
.home_category{ margin-top:70px;}
.home_category .outer{ max-width:1161px; margin:0 auto;/*display: flex;  flex-wrap: wrap;*/}
.home_category .outer:after{ content:''; display:block; clear:both;}
.home_category .outer .item{ margin-bottom:35px;/*flex: 50%; max-width: 50%;*/ width:50%; float:left;}
.home_category .outer .item img{ 
	max-width:100%;	
	transition: 0.5s ease;
}
.home_category .outer .item img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.home_category .outer .item:nth-child(1) img{ padding-top:7%;}
.home_category .outer .item:nth-child(3) img{ padding-top:20%;}

.detail_div{ font-size: 14px; color: #3e3a39;   line-height: 24px;}
.detail_div .header_banner.fixed img{ width:100%;}
.detail_div .outer{max-width:1160px; margin:50px auto;}
.detail_div .outer:after{ content:''; display:block; clear:both;}
.detail_div h3{margin:0 0 20px 0; padding:0 0 15px 0; position:relative; font-size:36px;font-weight: 800; line-height: 46px;}
.detail_div h3:after{ content:''; position:absolute; left:0; bottom:0; background:#3e3a39; width:95px; height:3px;}
.detail_div h4{ font-size:20px; margin:10px 0;}
.detail_div.gm_speech{ display:flex;flex-wrap: wrap;}
.detail_div.gm_speech:after{ content:''; display:block; clear:both;}
.detail_div.gm_speech .gm{ width:50%; background:url(/ezfiles/3/1003/img/871/Story_img005.jpg) center no-repeat; background-size:cover; }
.detail_div.gm_speech .gm img{ width:100%;}
.detail_div.gm_speech .speech{ width:50%; background:#eaf6fc; padding:10% 5%; }
.detail_div p{ margin:15px 0;}
.detail_div ul{ list-style:disc; padding-left:20px;}
.detail_div ol{ list-style:decimal; padding-left:20px;}
.detail_div b{ font-weight:800;}


.detail_div.products_category{ display:flex;flex-wrap: wrap;}
.detail_div.products_category .img{width:65%;}
.detail_div.products_category.face .img{  background:url(/ezfiles/3/1003/img/871/face_img001.jpg) center no-repeat; background-size:cover; }
.detail_div.products_category.lips .img{  background:url(/ezfiles/3/1003/img/871/lips_img001.jpg) center no-repeat; background-size:cover; }
.detail_div.products_category.skincare .img{  background:url(/ezfiles/3/1003/img/871/skincare_img001.jpg) center no-repeat; background-size:cover; }
.detail_div.products_category.eyes .img{  background:url(/ezfiles/3/1003/img/871/eyes_img001.jpg) center no-repeat; background-size:cover; }

.detail_div.products_category .products_list{ width:35%; background:#eee2f9; padding:7% 3%; }
.detail_div.products_category .products_list.pink{ background:#fde8e7;}
.detail_div.products_category .products_list.blue{ background:#eaf5fb;}
.detail_div.products_category .products_list.yellow{ background:#fffbe2;}
.detail_div.products_category .products_list a{ color: #3e3a39;}
.detail_div.products_category .products_list ul{ display:flex;flex-wrap: wrap;}
.detail_div.products_category .products_list ul li{ font-weight:800; width:50%; }
.detail_div.products_category .products_list ul li li{ font-weight:400; width:100%;}


.body_contact #_Form_Section_4{max-width:1160px; margin:0 auto;}
.body_contact #_Form_Section_4 .row.form-group{ margin:5px 0;}
.module.module-cglist.md_style1{ margin-bottom:0;}
.module.module-misc{ display:none;}
.page_mobileptdetail .mpgtitle{ display:none;}
.page_mobile_meccg .mt{ display:none;}
.page_mobilehome #Dyn_2_1 .module.module-um{ max-width:100% !important;}
.page_mobilehome #Dyn_2_2{ max-width:100% !important;}
.page_mobilehome #Dyn_2_3{ max-width:100% !important;}
.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a{color: #3e3a39; font-size:24px; padding:0 0 15px 0; position:relative; display: inline-block; margin-bottom:10px; }
.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a:after{ content:''; position:absolute; left:0; bottom:0; background:#3e3a39; width:50px; height:2px;}
.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a:hover{color: #aa8047; text-decoration:none;}

.body_career .row.listBS{ border-bottom:1px #CCC dotted;padding-top: 10px;}
.body_career .d-item .d-txt{ text-align:right;}
.body_career .d-item .d-txt h5{ display:inline-block; float:left; margin-right:15px; text-align:left;}
.body_career .d-item .mdate.after{ margin-left:15px;}
.body_career.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a{ padding:0;}
.body_career.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a:after{ background:none;}
.body_career.page_mobilecgmolist .module.module-special .d-item .mdetail{ font-size:14px;    line-height: 32px;}

.body_news_list.page_mobilecgmolist .row.listBS{ border-bottom:1px dashed #999999; padding-top:10px;}
.body_news_list.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a{ padding:0;}
.body_news_list.page_mobilecgmolist .module.module-special .d-item .d-txt h5 a:after{ background:none;}
.body_news_list #Dyn_2_2{ max-width:100% !important;}
.module.module-cglist.md_style1{ max-width:100% !important;}
.module.module-detail.md_style1{ max-width:100% !important;}
.btn_apply{ background:url(/ezfiles/3/1003/img/871/icon_apply_bg.png) right center no-repeat; background-size:auto 34px; line-height:34px;  height:34px;  border-radius:2px;padding: 0 35px 0 15px;; border:0; color:#FFF; }
.btn_apply:hover{ color:#fff;}
.btn_apply:focus{ color:#fff;}
.footer{ padding:0; background:#fff;}
.footer .minner{ max-width:100%;}
.footer_div .top_div{ background:#eff0f0; padding:55px 0;}
.footer_div .top_div .outer{ max-width:940px; margin:0 auto;}
.footer_div .top_div .outer:after{ content:''; display:block; clear:both;}
.footer_div .top_div .outer div{ float:left; width:50%; font-size:12px; color:#3e3a39; line-height:32px;}
.footer_div .top_div .outer div:first-child img{ width:246px; height:59px;  margin-top: 20px;}
.footer_div .top_div .outer div a{ color:#3e3a39; text-decoration:none;}
.footer_div .top_div .outer div:last-child{ text-align:right;}
.footer_div .top_div .outer div:last-child span{ display:inline-block; text-align:left;}
.footer_div .bottom_div{ color:#3e3a39; font-size:14px; text-align:center; padding:8px 0;}
.footer_div .bottom_div ul{ margin:0; padding:0; list-style:none; display:inline-block;}
.footer_div .bottom_div ul li{ float:left;}
.footer_div .bottom_div ul li a{ display:block; padding:8px 35px;  color:#3e3a39; text-decoration:none; position:relative;transition: 0.5s ease; font-family: "Microsoft YaHei" , Tohoma, Arial;}
.footer_div .bottom_div ul li a:after{ content:''; position:absolute; right:0; top:8px; height:15px; width:1px; background:#3e3a39;}
.footer_div .bottom_div ul li:last-child a:after{ background:none;}
.footer_div .bottom_div ul li a:hover{ color:#aa8047;}
.form-group {  margin: 5px 0;}
.form-group.required p.label-ui:before, .form-group.required .control-label:before{ position:absolute; left:0; top:8px;}
.module-form .formBS{ border:none;}
.module-form .formBS .form-group{ border:none;}
.module-form .formBS .form-group [class*="col-"]{ border-left:none;}
.module-form .formBS .form-group [class*="col-"]:first-child{ border-right:none;}
.btn, .mbtn {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    padding: 0px 12px;
    background: #f1f1f1;
	line-height:34px;
    color: #666;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    background-origin: border-box;
}
.btn:hover, .mbtn:hover{ background:#666; color:#fff;}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@media (max-width: 1360px){
	.detail_div.products_category .img{ width:60%;}
	.detail_div.products_category .products_list{ width:40%;}
}
@media (max-width: 1280px){
	.detail_div.products_category .img{ width:50%;}
	.detail_div.products_category .products_list{ width:50%;}
}
@media (max-width: 1160px){
	.header_div .outer{ width:100%; padding:0 15px;}
	.header_div #navbar li{ float:left; margin-left:30px;}
	.profile_div .outer{ width:100%; padding:0 15px;}
	.header_slider .item .info{ font-size:50px;}
	.home_category .outer{ width:100%; padding:0 15px;}
	.detail_div .outer{ width:100%; padding:0 15px;}
	
	.body_contact #_Form_Section_4{ width:100%; padding:0 15px;}
	
	.footer_div .top_div .outer{ width:100%; padding:0 15px;}
	.footer_div .top_div .outer div:first-child{ width:35%;}
	.footer_div .top_div .outer div:last-child{ width:65%;}
	.footer_div .bottom_div{ font-size:12px;}
	.footer_div .bottom_div ul li a{ padding:8px 15px;}
}
@media (max-width: 922px){
	.detail_div.products_category{ display:block;}
	.detail_div.products_category .img{ width:100%; height:50vw; }
	.detail_div.products_category .products_list{ width:100%;}
}
@media (max-width: 767px){
	.header_div #navbar{ float:none; display:none;}
	.header_div #navbar li{ float:none; margin-left:0;}
	.header_div #navbar li{ text-align:center;}
	.header_div #navbar li a{ text-align:center;}
	.header_div #navbar.navi_list.in{ display:block; margin-left:-15px; margin-right:-15px; background:rgba(255,255,255,0.5)}
	.header_div #navbar.navi_list.collapse{ display:none;}
	.header_div #navbar a{  padding: 10px;}
	.header_div #navbar li .dropdown-menu{ width:100%; left:0;-webkit-box-shadow:none; box-shadow:none; position:relative;  }
	.header_div #navbar li .dropdown-menu:after{ content:''; display:block; clear:both;}
	.header_div .brand{ float:none; text-align:center;   margin-top: 15px;}
	.header_div .brand img{ height:40px;}
	.header_div .links{ float:none; text-align:center;  margin-top: 10px;}
	.profile_div .outer .img{ width:100%; margin-bottom:20px;}
	.profile_div .outer .info{ width:100%;}
	.header_slider .item .info{ font-size:40px;}
	.detail_div h3 {padding: 0 0 10px 0;  font-size: 26px;}
	.detail_div.gm_speech{ display:block;}
	.detail_div.gm_speech .gm{ width:100%; height:50vw; }
	.detail_div.gm_speech .speech{width:100%;}
	

	
	.footer_div .top_div .outer{ display:block;}
	.footer_div .top_div .outer div:first-child{ width:100%; text-align:center;}
	.footer_div .top_div .outer div:last-child{ width:100%; text-align:center;}
	.footer_div .top_div .outer div:last-child span{ text-align:center;}
}
@media (max-width: 640px){
	.header_slider .item .info{ font-size:36px;}
	.body_career .d-item .d-txt h5{ display:block; float:none;}
	.footer_div .bottom_div ul li{ display:inline-block; float:none;}
	.footer_div .bottom_div ul li a:after{ background:none; }
}
@media (max-width: 480px){
	.header_slider .item .info{ font-size:26px;}
	.footer_div .bottom_div ul li:nth-child(4) a:after{ /*background:#3e3a39; */}
	.footer_div .bottom_div ul li:nth-child(5) a:after{ /*background:none; */}
}