/*
    Theme name: alifree
    Description: alifree b2b 
    Author: zhanmengkuajing
    Version : 1.0
*/
*{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
ul li+li{
	margin: 0;
}
body{
	font-size: 14px;
}
input:focus,
textarea:focus{
	outline: none;
}
a{
	text-decoration: none;
}
.mw1200{
	width: 1200px;
	margin: 0 auto;
}
.title{
	text-align: center;
}
.title h3{
	font-size: 40px;
}
.title p{
	font-size: 22px;
}
i,em{
	font-style: normal;
}
.clearfix::after{
	display: block;
	content: "";
	clear: both;
}
.fd{
	flex-direction: row-reverse;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.media_menu{
	position: fixed;
	top:50%;
	right:0;
	width: 160px;
	height: 270px;
	z-index: 9999;
}
.media_menu ul li{
	width:150px;
	position: absolute;
	right: -90px;
	height: 60px;
	background: #a40000;
	border-radius: 50px 0 0 50px;
	padding-top: 5px;
	padding-left: 5px;
}
.media_menu ul li .media_menu_item{
	display: none;
	position: absolute;
	top:0;
	left:-190px;
	width: 180px;
	background: #fff;
	border: 1px solid #666;
}
.media_menu ul li .media_menu_item p{
	text-align: center;
	line-height:60px;
}
.media_menu ul li .media_menu_item img{
	width: 100px;
	display: block;
	margin: 20px auto;
}
.media_menu ul li:first-child{
	top:0;
}
.media_menu ul li:nth-child(2){
	top:70px;
}
.media_menu ul li:nth-child(3){
	top:140px;
}
.media_menu ul li:last-child{
	bottom:0;
}
.media_menu ul li a{
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	padding-top: 2px;
	border-radius:50%;
}
.media_menu ul li a svg{
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;
}
.media_menu ul li span{
	float: left;
	display: block;
	line-height: 50px;
	margin-left: 10px;
	color: #8a8a8a;
	font-size: 18px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.top_bar_wrap{
    width:100%;
    height:42px;
    background:#222;
}
.top_bar_wrap .top_content{
    height:42px;
	justify-content:space-between;
	align-items:center;
	display:flex;
}
.top_bar_wrap .top_content .top_content_left p{
    color:#ddd;
    font-size:14px;
}
.top_bar_wrap .top_content .top_content_middle ul{
	display: flex;
}
.top_bar_wrap .top_content .top_content_middle ul li{
	color: #fff;
	margin-right: 20px;
	padding-left: 30px;
}
.top_bar_wrap .top_content .top_content_middle ul li a{
    color: #fff;
}
.top_bar_wrap .top_content .top_content_middle ul li:first-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/tel.svg") no-repeat;
}
.top_bar_wrap .top_content .top_content_middle ul li:last-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/email.svg") no-repeat;
}
.top_bar_wrap .top_content .top_content_right ul{
	display: flex;
}
.top_bar_wrap .top_content .top_content_right ul li{
    color:#fff;
    font-size:14px;
	margin-left: 10px;
}
.top_bar_wrap .top_content .top_content_right ul li a{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.top_bar_wrap .top_content .top_content_right ul li .ins{
	background:#be347f url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/ins.svg") no-repeat center center;
	background-size: 70%;
}
.top_bar_wrap .top_content .top_content_right ul li .linin{
	background:#0073b1 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/in.svg") no-repeat center center;
	background-size: 100%;
}
.top_bar_wrap .top_content .top_content_right ul li .fb{
	background:#3289fa url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/fb.svg") no-repeat center center;
	background-size: 50%;
}
.top_bar_wrap .top_content .top_content_right ul li .ytb{
	background:#ec3a38 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/ytb.svg") no-repeat center center;
	background-size: 50%;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.header_wrap{
	padding: 20px 0;
	position: relative;
}
.header_wrap .header{
	display: flex;
}
.header_wrap .header .header_left{
	width: 10%;
}
.header_wrap .header .header_left a{
	display: block;
	width: 100%;
	height: 70px;
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/logo.png") no-repeat;
	background-size: 100%;
}
.header_wrap .header .header_middle{
	margin-left: 20px;
	/*position: relative;*/
}
.header_wrap .header .header_middle .close_btn{
	display: none;
}
.header_wrap .header .header_middle .mainnav{
	display: flex;
	/*position: relative;*/
}
.header_wrap .header .header_middle .mainnav li{
	line-height: 60px;
	padding:0 40px 0 15px;
	cursor: pointer;
}
.menu-mainnav_wrap .mainnav li:nth-child(3){
    background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/down_arrow.svg") no-repeat;
    background-position:100px 15px;
}
.menu-mainnav_wrap .mainnav li a{
	display: block;
	line-height: 60px;
	font-weight: bold;
	font-size: 18px;
	color: #141414;
	cursor: pointer;
}
.menu-mainnav_wrap .mainnav li .sub-menu-wrap{
    position: absolute;
    top:86px;
    left:0;
    background:#f8f6f2;
    z-index: 999;
    display: -none;
    width: 100%;
}
.header_wrap .header .header_middle .mainnav li .sub-menu-wrap .sub-menu{
    width: 1200px;
    margin: 0 auto;
}
.second_menu_wrap{
    position: absolute;
    top:110px;
    left:0;
    background:#f8f6f2;
    z-index: 999;
    width: 100%;
    display: none;
}
.second_menu_wrap .second_menu{
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap:10px;
}
.second_menu_wrap .second_menu li{
    position: relative;
    padding: 0 15px!important;
}
.second_menu_wrap .second_menu li a{
    font-size:16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.third_menu_wrap .third_menu li a{
    margin-bottom: 10px;
}
.second_menu_wrap .second_menu li:nth-child(3),
.third_menu_wrap .third_menu li:nth-child(3){
    background: none;
}
.third_menu_wrap .third_menu li{
    padding: 0!important;
}
.header_wrap .header .header_middle .mainnav li a:hover{
	color: #9c0000;
}
.header_wrap .header .header_menu_btn{
	display: none;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.m_banner_wrap{
	display: none;
}
.banner_wrap{
	width: 100%;
	position: relative;
}
.banner_wrap img{
	width: 100%;
}
.banner_wrap .banner{
	position: absolute;
	top: 0;
	left:50%;
	height: 100%;
	margin-left: -600px;
}
.banner_wrap .banner_links{
    position: absolute;
    z-index: 1000;
    bottom: 100px;
    width: 1200px;
    left:50%;
    margin-left:-600px;
}
.banner_wrap .banner_links a{
    display: inline-block;
    padding:5px 20px;
    color: #fff;
    border-radius: 20px;
}
.banner_wrap .banner_links a:first-child{
    background: #000;
    margin-right: 20px;
}
.banner_wrap .banner_links a:last-child{
    background: #9e0008;
}
.banner_wrap .banner .banner_btn{
	position: absolute;
	bottom: 10%;
	right: 0;
}
.banner_wrap .swiper-button-next::after,
.banner_wrap .swiper-button-prev::after{
    display: block;
    content:"";
    clear: both;
}
.banner_wrap .swiper-button-next,
.banner_wrap .swiper-button-prev{
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.5);
    border-radius:50%;
}
.banner_wrap .swiper-button-prev{
    background: rgba(0,0,0,.5) url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/left_arrow.svg") no-repeat center center;
}
.banner_wrap .swiper-button-next{
    background: rgba(0,0,0,.5) url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/right_arrow.svg") no-repeat center center;
}
.banner_wrap .banner .banner_btn ul{
	display: flex;
}
.banner_wrap .banner .banner_btn ul li{
	margin-left:20px;
}
.banner_wrap .banner .banner_btn ul li a{
	display: block;
	width: 230px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #a40000;
	border-radius: 20px;
}
.banner_wrap .banner .banner_btn ul li a:hover{
	background: #000
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.advantage_wrap{
	background: #efefef;
	padding: 40px 0 50px;
}
.advantage_wrap .advantage{
	display: flex;
}
.advantage_wrap .advantage .advantage_item{
	width: 25%;
}
.advantage_wrap .advantage .advantage_item dl{
	padding-left: 50px;
}
.advantage_wrap .advantage .advantage_item:first-child dl{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon1.png") no-repeat;
}
.advantage_wrap .advantage .advantage_item:nth-child(2) dl{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon2.png") no-repeat;
}
.advantage_wrap .advantage .advantage_item:nth-child(3) dl{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon3.png") no-repeat;
}
.advantage_wrap .advantage .advantage_item:last-child dl{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon4.png") no-repeat;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.about_us_wrap{
	padding: 50px 0;
	background: #fafaf8;
}
.about_us_wrap .about_us_title{
	text-align: center;
}
.about_us_wrap .about_us_title h3{
	font-size: 40px;
}
.about_us_wrap .about_us_title p{
	font-size: 18px;
}
.about_us_wrap .about_us{
	display: flex;
	margin-top: 70px;
}
.about_us_wrap .about_us .about_us_item{
	width: 50%;
}
.about_us_wrap .about_us .about_us_left img{
	width: 100%;
}
.about_us_wrap .about_us .about_us_right{
	padding-left: 50px;
	position: relative;
}
.about_us_wrap .about_us .about_us_right p{
	line-height: 30px;
	font-size: 18px;
}
.about_us_wrap .about_us .about_us_right a{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid red;
	border-radius: 50px;
	color: red;
	position: absolute;
	bottom: 10px;
	left:50px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.factory{
	margin: 10px 0;
}
.factory ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap:15px
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.num{
	display: flex;
	background: #efefef;
	padding: 40px 0 30px;
}
.num dl{
	width: 20%;
	text-align: center;
	border-right: 1px solid #ddd;
}
.num dl:last-child{
	border-right: 0;
}
.num dl dt{
	font-size: 32px;
	color: #a40000;
	font-weight: bold;
}
.num dl dt sub{
	font-size: 14px;
}
.num dl dd{
	font-size: ;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.range_wrap{
	background: #fafaf8;
	padding: 50px 0;
}
.range_wrap .title p{
	color: #252525;
	font-size: 18px;
	margin-top: 20px;
}
.range_wrap .range{
	margin-top:50px;
}
.range_wrap .range ul::after{
	display: block;
	content: "";
	clear: both;
}
.range_wrap .range ul li{
	width: 31.33%;
	float: left;
	padding: 0 1%;
	margin-bottom: 20px;
}
.range_wrap .range ul li a{
	display: block;
	background: #fff;
	border-radius: 0 0 20px 0;
	padding: 25px 25px 75px 25px;
	position:relative;
}
.range_wrap .range ul li:first-child,
.range_wrap .range ul li:nth-child(2){
	width: 48%;
	float: left;
}
.range_wrap .range ul li:first-child a,
.range_wrap .range ul li:nth-child(2) a{
	display: block;
	width: 90%;
	margin: 0 auto;
}
.range_wrap .range ul li a span{
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: #a40000;
	border-radius: 10px 0 10px 0;
	line-height:50px;
	text-align: center;
	color: #fff;
	font-size: 26px;
}
.range_wrap .range ul li .range_img{
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.range_wrap .range ul li a img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.range_wrap .range ul li h3{
	color: #000;
	font-size: 22px;
	font-weight: bold;
	height: 30px;
	overflow: hidden;
}
.range_wrap .range ul li p{
	color: #000;
	margin-top: 15px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.why_wrap{
	padding: 100px 0;
	background: #efefef;
}
.why_wrap .why_title{
	text-align: center;
}
.why_wrap .why_title h3{
	font-size: 40px;
	margin-bottom: 30px;
}
.why_wrap .why_title p{
	font-size:18px;
}
.why_wrap .why_content{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:20px;
	margin-top: 70px;
}
.why_wrap .why_content .why_content_item{
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	border-radius: 20px;
	padding: 95px 95px 30px 30px;
}
.why_wrap .why_content .why_content_item:first-child{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon5.png") no-repeat 30px 30px;
}
.why_wrap .why_content .why_content_item:nth-child(2){
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon6.png") no-repeat 30px 30px;
}
.why_wrap .why_content .why_content_item:nth-child(3){
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon7.png") no-repeat 30px 30px;
}
.why_wrap .why_content .why_content_item:nth-child(4){
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon8.png") no-repeat 30px 30px;
}
.why_wrap .why_content .why_content_item:nth-child(5){
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon9.png") no-repeat 30px 30px;
}
.why_wrap .why_content .why_content_item:last-child{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon10.png") no-repeat 30px 30px;
}
.why_wrap .why_content .why_content_item dl dt{
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
}
.why_wrap .why_content .why_content_item dl dd{
	color: #6c6c6c;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.support_wrap{
	padding: 80px 0;
}
.support_wrap .title{
	text-align: center;
	font-size: 40px;
}
.support_wrap .support_icon{
	margin-top: 50px;
}
.support_wrap .support_icon ul{
	display:flex;
}
.support_wrap .support_icon ul li{
	width: 20%;
}
.support_wrap .support_icon ul li img{
	display: block;
	height: 90px;
	margin: 0 auto 20px;
}
.support_wrap .support_icon ul li p{
	text-align: center;
}
.support_wrap .support_content{
	display: flex;
	margin-top: 110px;
}
.support_wrap .support_content .support_content_item{
	width: 50%;
}
.support_wrap .support_content .support_left{
	padding-right: 5%;
}
.support_wrap .support_content .support_left img{
	width: 100%;
}
.support_wrap .support_content .support_right{
	position: relative;
}
.support_wrap .support_content .support_right p{
	margin-bottom:40px;
	line-height: 40px;
	font-size: 18px;
}
.support_wrap .support_content .support_right a{
	display: block;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #a40000;
	line-height: 40px;
	text-align: center;
	color: #a40000;
	position: absolute;
	bottom: 20px;
	left:0;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.client_wrap{
	padding: 100px 0;
}
.client_wrap .client{
	height: 450px;
	margin-top: 50px;
}
.client_wrap .client .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.client_wrap .client .swiper-slide{
    height: calc((100% - 30px) / 3) !important;
    display: flex;
}
.client_wrap .client .swiper-slide img{
	width: 100%;
}
.client_wrap .client .swiper-button-next::after,
.client_wrap .client .swiper-button-prev::after{
	content: "";
	clear: both;
}
.client_wrap .client .swiper-button-next,
.client_wrap .client .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	border: 1px solid #666;
}
.client_wrap .client .swiper-button-prev{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/left_arrow.svg") no-repeat center center;
}
.client_wrap .client .swiper-button-next{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/right_arrow.svg") no-repeat center center;
}
.client_wrap .client .swiper-pagination .swiper-pagination-bullet{
	width: 50px;
	height: 5px;
	background: #ccc;
	border-radius: 50px;
}
.client_wrap .client .swiper-pagination .swiper-pagination-bullet-active{
	background: #a40000;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.brand_wrap{
	padding: 80px 0 60px;
	background: #a40000;
}
.brand_wrap h3,
.brand_wrap p{
	text-align: center;
	color: #fff;
}
.brand_wrap h3{
	font-size: 38px;
}
.brand_wrap p{
	font-size: 22px;
}
.brand_wrap a{
	display: block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #fff;
	margin: 50px auto 0;
	color: #fff;
	font-size: 22px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.footer_wrap{
	padding: 70px 0 50px;
}
.footer_wrap .footer{
	display: flex;
}
.footer_wrap .footer .footer_left{
	width: 50%!important;
	padding-right: 5%;
}
.footer_wrap .footer .footer_left .footer_logo img{
    width: 170px;
}
.footer_wrap .footer .footer_item{
	width: 22.5%;
}
.footer_wrap .footer .footer_megs{
	margin: 20px 0;
}
.footer_wrap .footer .footer_megs ul li{
	padding-left: 40px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 16px;
}
.footer_wrap .footer .footer_megs ul li a{
    color: #000;
}
.footer_wrap .footer .footer_megs ul li:first-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon18.png") no-repeat;
}
.footer_wrap .footer .footer_megs ul li:nth-child(2){
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon19.png") no-repeat;
}
.footer_wrap .footer .footer_megs ul li:nth-child(3){
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon20.png") no-repeat;
}
.footer_wrap .footer .footer_megs ul li:last-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon21.png") no-repeat;
}
.footer_wrap .footer .footer_media ul{
	display: flex;
}
.footer_wrap .footer .footer_media ul li{
	margin-right: 10px;
}
.footer_wrap .footer .footer_media ul li a{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.footer_wrap .footer .footer_media ul li:first-child a{
	background: #be347f url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/ins.svg") no-repeat center center;
}
.footer_wrap .footer .footer_media ul li:nth-child(2) a{
	background: #0073b1 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/in.svg") no-repeat center center;
}
.footer_wrap .footer .footer_media ul li:nth-child(3) a{
	background: #3289da url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/fb.svg") no-repeat center center;
}
.footer_wrap .footer .footer_media ul li:last-child a{
	background: #ec3a38 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/ytb.svg") no-repeat center center;
}
.footer_wrap .footer .footer_links dl dt{
	font-size: 20px;
	margin-bottom: 20px;
}
.footer_wrap .footer .footer_links dl dd{
	margin-bottom: 20px;
}
.footer_wrap .footer .footer_links dl dd a{
	font-size: 16px;
	color: #000;
}
.footer_wrap .footer .footer_products dl dt{
	font-size: 20px;
	margin-bottom: 20px;
}
.footer_wrap .footer .footer_products dl dd{
	margin-bottom: 20px;
}
.footer_wrap .footer .footer_products dl dd a{
	font-size: 16px;
	color: #000;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.category_wrap{
	width: 100%;
	position: relative;
}
.category_wrap img{
	width: 100%;
}
.category_wrap .m_banner{
	display: none;
}
.category_wrap .category{
	position: absolute;
	top:0;
	left:50%;
	width: 600px;
	margin-left: -600px;
}
.category_wrap .category h2{
	font-size: 30px;
	color: #fff;
	margin-top: 100px;
	margin-bottom: 20px;
}
.category_wrap .category p{
	font-size: 16px;
	color: #fff;
}
.single_product_thumbnail_wrap{
    background: #f8f6f2;
    padding: 50px 0;
}
.single_product_thumbnail_wrap .single_product_thumbnail_content h2{
    margin-top:100px;
    font-size: 32px;
}
.single_product_thumbnail_wrap .single_product_thumbnail_content p{
    margin: 70px 0 100px;
}
.single_product_thumbnail_wrap .single_product_thumbnail_content a{
    display: block;
    width: 300px;
    padding: 15px;
    background: #9c0000;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 18px;
}
.single_product_thumbnail_wrap .single_product_thumbnail{
    display: flex;
}
.single_product_thumbnail_wrap .single_product_thumbnail .product_thumbnail_item{
    width: 50%;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.company_wrap{
	padding: 100px 0;
}
.company_wrap .company_title em{
	color: #a40000;
}
.company_wrap .company_title h2{
	font-size: 30px;
}
.company_wrap .company{
	display: flex;
}
.company_wrap .company .company_item{
	width: 50%;
}
.company_wrap .company .company_text p{
	margin-bottom: 30px;
	line-height: 40px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.advantages_wrap{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/factorybg.png") no-repeat;
	background-size: 100% 100%;
}
.advantages_wrap .advantages ul{
	display: flex;
}
.advantages_wrap .advantages ul li{
	width: 33.33%;
	padding: 200px 0;
}
.advantages_wrap .advantages ul li img{
	display: block;
	margin: 0 auto 36px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.advantages_wrap .advantages ul li h3{
	text-align: center;
	color: #fff;
	font-size: 26px;
}
.advantages_wrap .advantages ul li p{
	padding: 0 50px;
	height: 100px;
	overflow: hidden;
	color: #fff;
	display: none;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}
.advantages_wrap .advantages ul li a{
	display:none;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	font-size:18px;
	margin: 80px auto 0;
}
.advantages_wrap .advantages ul li:hover{
	background: rgba(142, 33, 34, .7);
	padding: 70px 0;
}
.advantages_wrap .advantages ul li:hover img{
	margin-top: -1px;
}
.advantages_wrap .advantages ul li:hover p{
	display: block;
}
.advantages_wrap .advantages ul li:hover a{
	display: block;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.world_wrap{
	padding: 100px 0;
}
.world_wrap .world_title em{
	display: block;
	color: #a40000;
	font-size: 16px;
	margin-bottom: 10px;
}
.world_wrap .world_title h3{
	font-size: 30px;
	color: #000;
	margin: 10px 0;
}
.world_wrap .world_title strong{
	display: block;
	margin-bottom: 10px;
}
.world_wrap .world_title p{
	font-size: 18px;
	color: #282828;
}
.world_wrap .world{
	height: 450px;
	margin-top: 50px;
}
.world_wrap .world .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.world_wrap .world .swiper-slide{
    height: calc((100% - 30px) / 3) !important;
    display: flex;
}
.world_wrap .world .swiper-slide img{
	width: 100%;
}
.world_wrap .world .swiper-button-next::after,
.world_wrap .world .swiper-button-prev::after{
	content: "";
	clear: both;
}
.world_wrap .world .swiper-button-next,
.world_wrap .world .swiper-button-prev{
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50px;
	border: 1px solid #666;
}
.world_wrap .world .swiper-button-prev{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/left_arrow.svg") no-repeat center center;
}
.world_wrap .world .swiper-button-next{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/right_arrow.svg") no-repeat center center;
}
.world_wrap .world .swiper-pagination .swiper-pagination-bullet{
	width: 50px;
	height: 5px;
	background: #ccc;
	border-radius: 50px;
}
.world_wrap .world .swiper-pagination .swiper-pagination-bullet-active{
	background: #a40000;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.lisence_wrap{
	padding: 100px 0;
	position: relative;
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/lisencebg.png") no-repeat;
	background-size: 100% 100%;
}
.lisence_wrap .company_title{
	position: absolute;
	top:100px;
}
.lisence_wrap .lisence{
	height: 1150px;
	overflow: hidden;
}
.lisence_wrap .lisence .swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
	overflow: unset;
	margin-top: 120px;
}
.lisence_wrap .lisence .swiper .swiper-wrapper{
	overflow: hidden;
}
.lisence_wrap .lisence .swiper-slide{
    height: calc((100% - 30px) / 2) !important;
	background:#fff;
}
.lisence_wrap .lisence .swiper-slide img{
	width: 100%;
}
.lisence_wrap .lisence .swiper-slide p{
	text-align: center;
	margin-top:20px;
}
.lisence_wrap .lisence .swiper-button-next::after,
.lisence_wrap .lisence .swiper-button-prev::after{
	content: "";
	clear: both;
}
.lisence_wrap .lisence .swiper-button-next,
.lisence_wrap .lisence .swiper-button-prev{
	position: absolute;
	top:-90px;
	width: 50px;
	height: 50px;
	background: #fff;
	border: 1px solid #666;
}
.lisence_wrap .lisence .swiper-button-prev{
	background:#fff url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/left_arrow.svg") no-repeat center center;
	right: 100px;
	left: unset;
}
.lisence_wrap .lisence .swiper-button-next{
	background: #a40000 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/right_arrow.svg") no-repeat center center;
	color: #fff;
}
.lisence_wrap .lisence .swiper-pagination .swiper-pagination-bullet{
	width: 50px;
	height: 5px;
	background: #ccc;
	border-radius: 50px;
}
.lisence_wrap .lisence .swiper-pagination .swiper-pagination-bullet-active{
	background: #a40000;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.product_wrap{
	padding: 50px 0;
}
.product_wrap .product .product_left{
	width: 300px;
}
.product_wrap .product .product_left .seach_wrap{
	width: 100%;
	border: 1px solid #dfdfdf;
	height: 48px;
	border-radius: 10px;
	background: #f4f4f4;
	overflow: hidden;
}
.seach_wrap input[type="text"]{
	width: 75%;
	height: 48px;
	border: 0;
	background: #f4f4f4;
	padding-left: 10px;
}
.seach_wrap button{
	width: 19%;
	height: 48px;
	text-indent: -999999px;
	border: 0;
	background: #f4f4f4 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/search_btn.png") no-repeat center center;
}
.product_wrap .product .product_left .product_catelog{
	background: #f8f8f8;
	margin-top: 20px;
}
.product_catelog dl dt{
	height: 80px;
	line-height: 80px;
	font-size: 18px;
	font-weight: bold;
	padding: 0 15px;
	border-bottom: 1px solid #ddd;
}
.product_catelog dl dd a{
	display: block;
	height: 80px;
	line-height: 80px;
	padding: 0 15px;
	color: #5a5a5a;
}
.product_catelog dl dd .active{
	font-weight: bold;
}
.product_catelog_title h2{
	color: #a40000;
	margin:10px 0 20px;
}
.product_list ul{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.product_list ul li{
    width: 100%;
}
.product_list ul li a{
	display: block;
	border: 1px solid #ccc;
	padding-bottom: 20px;
}
.product_list ul li a img{
    display: block;
    margin: 0 auto;
}
.product_list ul li p{
	color:#363636;
	text-align: center;
	padding: 0 20px;
	height: 40px;
	overflow: hidden;
}
.pages{
	margin-top: 80px;
	padding: 0 25%;
}
.pages ol{
	display: flex;
}
.pages ol li a{
	display: block;
	width: 54px;
	height: 54px;
	background: #f2f2f2;
	line-height: 54px;
	text-align: center;
	color: #292929;
	margin: 0 10px;
	font-size: 16px;
}
.pages ol li .active{
	background: #a40000;
	color: #fff;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.overview_wrap{
	background: #f8f8f8;
	padding: 80px 0;
}
.overview_wrap .overview_title{
	margin-bottom: 60px;
}
.overview_wrap .overview_title em{
	font-size: 16px;
	color: #a40000;
}
.overview_wrap .overview_title h3{
	font-size: 30px;
	font-weight: bold;
	margin: 10px 0 30px;
}
.overview_wrap .overview_title p{
	padding-right: 300px;
	font-size: 16px;
}
.overview_wrap .overview ul li{
	display: flex;
	margin-bottom: 88px;
}
.overview_wrap .overview ul li:nth-child(2),
.overview_wrap .overview ul li:nth-child(4){
	flex-direction: row-reverse;
}
.overview_wrap .overview ul li .overview_photo{
	width: 550px;
	height: 300px;
	padding-right: 30px;
}
.overview_wrap .overview ul li .overview_photo img{
	width: 100%;
}
.overview_wrap .overview ul li .overview_content{
	width: 580px;
}
.overview_wrap .overview ul li .overview_content span{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #9c0000;
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
}
.overview_wrap .overview ul li .overview_content h4{
	font-size: 20px;
	color: #434346;
	margin: 20px 0;
}
.overview_wrap .overview ul li .overview_content p{
	color: #434346;
	font-size: 16px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.blog_wrap{
	padding: 80px 0;
}
.blog_wrap .blog_title em{
	color: #a40000;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}
.blog_wrap .blog_title h3{
	font-size: 30px;
}
.blog_wrap .blog{
	margin-top:70px;
}
.blog_wrap .blog ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}
.blog_wrap .blog ul li a{
	display: block;
	width: 100%;
	background: #f6f6f6;
}
.blog_wrap .blog ul li img{
	width: 100%;
}
.blog_wrap .blog ul li .blog_content{
	padding: 45px;
}
.blog_wrap .blog ul li .blog_content h4{
	font-size: 20px;
	color: #434346;
}
.blog_wrap .blog ul li .blog_content p{
	color: #383838;
	margin-top: 40px;
}
.customer_wrap{
	padding: 80px 0;
}
.customer_wrap .customer .title{
	text-align: center;
}
.customer_wrap .customer .customer_list ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 50px;
}
.customer_wrap .customer .customer_list ul li{
	text-align: center;
	box-shadow: 0 0 10px #ddd;
	padding: 150px 20px 20px;
}
.customer_wrap .customer .customer_list ul li:first-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon37.png") no-repeat center 60px;
}
.customer_wrap .customer .customer_list ul li:nth-child(2){
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon38.png") no-repeat center 60px;
}
.customer_wrap .customer .customer_list ul li:last-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon39.png") no-repeat center 60px;
}
.customer_wrap .customer .customer_list ul li h3{
	font-size: 18px;
}
.customer_wrap .customer .customer_list ul li p{
	color: #6c6c6c;
	margin-top: 20px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.faqs_wrap{
	background: #f8f8f8;
	padding: 110px 0;
}
.faqs_wrap .faqs{
	width: 900px;
	margin: 0 auto;
	padding-top: 80px;
}
.faqs_wrap .faqs dl{
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #eee;
	border-radius: 10px;
}
.faqs_wrap .faqs dl dt{
	padding: 10px 20px;
	font-size: 18px;
}
.faqs_wrap .faqs dl .more_btn{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/more_btn.png") no-repeat 95% center;
}
.faqs_wrap .faqs dl .hide_btn{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/hide_btn.png") no-repeat 95% center;
}
.faqs_wrap .faqs dl dd{
	display:none;
	padding: 0 20px 40px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.odmem_switch_wrap{
	padding: 50px 0;
}
.odmem_switch_wrap .title em{
	color: #a40000;
	display: block;
	margin-bottom: 30px;
}
.odmem_switch_wrap .odmem_switch ul{
	display: flex;
	padding: 0 21%;
}
.odmem_switch_wrap .odmem_switch{
	margin-top: 88px;
}
.odmem_switch_wrap .odmem_switch ul li{
	padding: 10px 15px;
	cursor: pointer;
	color: #fff;
	background: #e9e9e9;
	margin: 0 20px;
	font-size: 24px;
	border-radius: 10px;
}
.odmem_switch_wrap .odmem_switch ul .active{
	background: #a40000;
}
.odmem_switch_wrap .odmem_switch .odmem_switch_item{
	display: none;
	margin-top: 88px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.rd_content_wrap{
	padding: 64px 0 0;
}
.rd_content_wrap .rd_content{
	display: flex;
}
.rd_content_wrap .rd_content .rd_title em{
	color: #a40000;
	font-size: 16px;
}
.rd_content_wrap .rd_content .rd_title h3{
	font-size: 30px;
	color: #000;
	margin-top: 40px;
	font-weight: bold;
}
.rd_content_wrap .rd_content .rd_content_left{
	width: 665px;
}
.rd_content_wrap .rd_content .rd_content_left .rd_text p{
	line-height: 40px;
	font-size: 20px;
	margin-top: 50px;
	margin-right: 40px;
}
.rd_content_wrap .rd_content .rd_content_right{
	width: 461px;
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/bg.png") no-repeat;
	padding: 126px 0 0 74px;
}
.rd_content_wrap .rd_content .rd_content_right dl{
	margin-bottom: 100px;
	padding-left: 70px;
}
.rd_content_wrap .rd_content .rd_content_right dl dt{
	font-size: 34px;
	font-weight: bold;
}
.rd_content_wrap .rd_content .rd_content_right dl dt sub{
	font-size: 16px;
}
.rd_content_wrap .rd_content .rd_content_right dl dd{
	font-size: 16px;
}
.rd_content_wrap .rd_content .rd_content_right dl:first-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon30.png") no-repeat center left;
}
.rd_content_wrap .rd_content .rd_content_right dl:nth-child(2){
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon31.png") no-repeat center left;
}
.rd_content_wrap .rd_content .rd_content_right dl:last-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon32.png") no-repeat center left;
}
.rd_content_text_wrap{
	padding: 164px 0;
}
.rd_content_text_wrap .rd_title{
	margin-bottom: 100px;
}
.rd_content_text_wrap .rd_title em{
	font-size: 16px;
	color:#a40000;
}
.rd_content_text_wrap .rd_title h3{
	font-size: 30px;
	margin-top: 20px;
}
.rd_content_text_wrap .rd_content_text ul li{
	display: flex;
}
.rd_content_text_wrap .rd_content_text ul li:nth-child(2),
.rd_content_text_wrap .rd_content_text ul li:nth-child(4),
.rd_content_text_wrap .rd_content_text ul li:nth-child(6){
	flex-direction:row-reverse;
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_photo,
.rd_content_text_wrap .rd_content_text ul li .rd_content_text{
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_text{
	width: 470px;
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_photo{
	width: 600px;
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_photo img{
	width: 100%;
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_text{
	padding: 65px;
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_text h4{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 36px;
	color: #a40000;
}
.rd_content_text_wrap .rd_content_text ul li .rd_content_text p{
	line-height: 30px;
	font-size: 16px;
}
.rd_content_text_wrap .rd_content_text ul li:hover{
	background: #a40000;
}
.rd_content_text_wrap .rd_content_text ul li:hover h4,
.rd_content_text_wrap .rd_content_text ul li:hover p{
	color: #fff;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.service_wrap{
	padding: 125px 0;
}
.service_wrap .service_title em{
	font-size: 16px;
	display: block;
	margin-bottom: 30px;
	color: #a40000;
}
.service_wrap .service_title h3{
	font-size: 36px;
	color: #1d1d1d;
	font-weight: bold;
}
.service_wrap .service{
	margin-top: 85px;
}
.service_wrap .service ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}
.service_wrap .service ul li{
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 0 10px #eee;
	padding: 40px;
}
.service_wrap .service ul li img{
	display: block;
	margin: 0 auto 40px;
}
.service_wrap .service ul li h3{
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
}
.service_wrap .service ul li p{
	color: #434343;
	text-align: center;
}
.service_wrap .service ul li:last-child{
	background: #a40000;
}
.service_wrap .service ul li:last-child h3{
	color: #fff;
	margin-top: 95px;
	text-align: left;
}
.service_wrap .service ul li:last-child p{
	color: #fff;
	text-align: left;
}
.service_wrap .service ul li:last-child a{
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	margin-top: 25px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.news_top_wrap{
	background: #f6f6f6;
	padding: 60px 0;
}
.news_top_wrap .news_top{
	display: flex;
	background: #fff;
}
.news_top_wrap .news_top .news_top_item{
	width: 50%;
}
.news_top_wrap .news_top .news_top_left img{
	width: 100%;
}
.news_top_wrap .news_top .news_top_right{
	padding:0 70px 0 40px;
}
.news_top_wrap .news_top .news_top_right span{
	display: block;
	margin: 20px 0 30px;
	font-size: 12px;
	color: #878787;
}
.news_top_wrap .news_top .news_top_right h3 a{
	display: block;
	font-size: 20px;
	width: 100%;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 34px;
	color: #181818;
}
.news_top_wrap .news_top .news_top_right p{
	height: 40px;
	overflow: hidden;
	margin-bottom: 30px;
}
.news_top_wrap .news_top .news_top_right em{
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #a40000;
	border-radius: 50px;
	font-size: 12px;
	color: #fff;
}
.news_wrap{
	background: #f6f6f6;
	padding-bottom:50px;
}
.news_wrap .news{
	border-top: 1px solid #dedede;
	padding: 70px 0 35px;
}
.news_wrap .news ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}
.news_wrap .news ul li a{
	display: block;
	background: #fff;
}
.news_wrap .news ul li img{
    width: 100%;
}
.news_wrap .news ul li a .news_content{
	padding: 20px;
}
.news_wrap .news ul li a .news_content span{
	color: #878787;
}
.news_wrap .news ul li a .news_content h3{
	margin: 20px 0 36px;
	font-size: 18px;
	color: #181818;
}
.news_wrap .news ul li a .news_content p{
	margin-bottom: 24px;
	color: #616161;
	height: 40px;
	overflow: hidden;
}
.news_wrap .news ul li a .news_content em{
	display: block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #bdbdbd;
	border-radius: 50px;
	font-size: 12px;
	color: #fff;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.news_info_wrap{
	padding: 70px 0;
}
.news_info_wrap .brumder dl{
	display: flex;
}
.news_info_wrap .brumder dl dt{
	margin-right: 10px;
}
.news_info_wrap .brumder dl dt a{
	color: #747474;
	margin-right: 10px;
}
.news_info_wrap .news_info{
	margin-top: 20px;
}
.news_info_wrap .news_info span{
	display: block;
	margin: 20px 0;
}
.news_prev_next{
	display: flex;
	border-top: 1px solid #d1d1d1;
	margin-top: 152px;
	padding-top: 70px;
}
.news_prev_next .news_prev_next_left{
	width:70%;
}
.news_prev_next .news_prev_next_left dl{
	display: flex;
	margin-bottom: 15px;
}
.news_prev_next .news_prev_next_left dl dt{
	color: #7b7b7b;
	margin-right: 10px;
}
.news_prev_next .news_prev_next_left dl dd a{
	color: #7b7b7b;
}
.news_prev_next .news_prev_next_right{
	width:30%;
}
.news_prev_next .news_prev_next_right a{
	display: block;
	width: 150px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #9c0000;
	border-radius: 10px;
	color: #fff;
	font-size: 22px;
	float: right;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.map_wrap{
	padding: 100px 0;
}
.map_wrap .map{
	display: flex;
}
.map_wrap .map .map_item{
	width: 50%;
}
.map_wrap .map .map_left{
	padding-right: 50px;
}
.map_wrap .map .map_left h4{
	font-size: 24px;
	margin-bottom: 70px;
}
.map_wrap .map .map_left ul li{
	font-size: 18px;
	color: #434346;
	padding-left: 70px;
	padding-bottom: 50px;
	margin-bottom: 30px;
}
.map_wrap .map .map_left ul li:first-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon33.png") no-repeat;
}
.map_wrap .map .map_left ul li:nth-child(2){
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon34.png") no-repeat;
}
.map_wrap .map .map_left ul li:last-child{
	background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon35.png") no-repeat;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.form_wrap{
	padding: 20px 0;
	background: #ebebeb;
}
.form_wrap .form{
	display: flex;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.form_wrap .form .form_left{
	width: 40%;
	background: #a40000 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/icon36.png") no-repeat 70px 160px;
	padding: 300px 0;
}
.form_wrap .form .form_left h3{
	margin-left: 70px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.form_wrap .form .form_left p{
	margin-left:70px;
	margin-top: 60px;
	font-size: 20px;
	color: #fff;
	margin-right: 200px;
}
.form_wrap .form .form_right{
	width:600px;
	padding: 50px 100px;
}
.form_wrap .form .form_right .form_table dl{
	width: 100%;
	background: #f7f7f7;
	border: 1px solid #c8c8c8;
	margin-bottom: 37px;
	display: flex;
	border-radius: 10px;
}
.form_wrap .form .form_right .form_table dl dt{
	height:55px;
	line-height: 55px;
	width: 250px;
	padding-left: 30px;
	font-size: 18px;
}
.form_wrap .form .form_right .form_table dl dd input{
	background: none;
	border: 0;
	width: 350px;
	height: 55px;
}
.form_wrap .form .form_right .form_table dl dd textarea{
	background: none;
	border: 0;
	width: 480px;
}
.form_wrap .form .form_right .form_table .uploadbtn{
	width: 100%;
	height: 67px;
	line-height: 67px;
	text-align: center;
	background: #a40000;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	font-size: 20px;
}
.form_wrap .form .form_right .form_table .submit{
    width: 100%;
    height: 50px;
    line-height: 50px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.product_slider .product_slider_megs{
	width: 50%;
}
.product_slider .product_slider_megs h1{
	font-size: 24px;
	margin-bottom: 20px;
}
.product_slider .product_slider_megs p{
	font-size:18px;
}
.product_slider .product_slider_megs a{
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #a40000;
	color: #fff;
	border-radius: 10px;
	margin-top: 50px;
}
.product_details p{
    margin: 30px 0;
    font-size: 16px;
}
.product_details p strong{
    font-size: 34px;
}
.product_details img{
    display: block;
    margin: 0 auto;
}
.product_details .get_sample_btn a{
    display: block;
    width: 300px;
    padding: 15px;
    background: #9c0000;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
}
.product_aboutus{
    padding: 124px 0;
}
.product_aboutus h2{
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
}
.product_aboutus p{
    margin-bottom: 20px;
}
.product_aboutus ul{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
.product_aboutus ul li{
    width: 100%;
    text-align: center;
    max-height: 200px;
    background: #f7ecd5;
    padding: 20px 0;
    font-size: 18px;
}
.form_dialog_wrap{
    display: none;
}
.label_wrap{
	padding: 80px 0;
}
.label_wrap .title{
	margin-bottom: 50px;
}
.label_wrap .label_switch{
	display: flex;
}
.label_wrap .label_switch .label_switch_tags{
	width: 45%;
}
.label_wrap .label_switch .label_switch_tags ul li{
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 16px;
	background:url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/dian.png") no-repeat left center;
	padding-left: 30px;
}
.label_wrap .label_switch .label_switch_tags ul .active{
	color: #f7ecd5;
}
.label_wrap .label_switch_item{
	width: 54%;
	padding:0 10px;
	display: none;
}
.label_wrap .label_switch_item .label_switch_content{
	height: 300px;
	overflow-y: scroll;
}
.label_wrap .label_switch_item .label_switch_content h3,
.label_wrap .label_switch_item .label_switch_content h4{
	margin-bottom: 10px;
}
.label_wrap .label_switch_item .label_switch_content p{
	margin-bottom: 10px;
	line-height: 30px;
    font-size: 16px;
}
/*********************************************************************************/
/*********************************************************************************/
/*********************************************************************************/
.pagination{
    text-align: center;
}
.pagination span,
.pagination a{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
}
.pagination span{
    background: red;
    color: #fff;
}
.pagination a{
    color: #000;
}
@media screen and (max-width:768px){
	.mw1200{
		width: auto;
		margin: 0;
	}
	.title h3{
		font-size: 24px;
	}
	.media_menu{
		top:25%;
	}
	.category_wrap .pc_banner{
		display: none;
	}
	.category_wrap .m_banner{
		display: block;
	}
	.category_wrap .category{
		left: 20px;
		margin-left: 0;
		width: auto;
		padding-right: 20px;
	}
	.category_wrap .category h2{
		margin-top: 50px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.top_bar_wrap{
		height: auto;
	}
	.top_bar_wrap .top_content{
		display: block;
		height: auto;
	}
	.top_bar_wrap .top_content .top_content_left{
		display: none;
	}
	.top_bar_wrap .top_content .top_content_middle{
		padding: 10px 15px;
	}
	.top_bar_wrap .top_content .top_content_middle ul li{
		width: 50%;
	}
	.top_bar_wrap .top_content .top_content_right{
		padding-bottom: 10px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.header_wrap .header{
		display: block;
		padding: 0 15px;
	}
	.header_wrap .header .header_left{
		width: 30%;
	}
	.header_wrap .header .header_left a{
	    height: 40px;
	}
	.header_wrap .header .header_middle{
		margin-left: 0;
		position: fixed;
		top:0;
		right: -100%;
		width: 87%;
		height: 100vh;
		background: #fff;
		z-index: 9999;
	}
	.header_wrap .header .header_middle .close_btn{
		display: block;
		position: absolute;
		top:0;
		left:-50px;
		display: block;
		width: 50px;
		height: 50px;
		background: #000 url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/close.svg") no-repeat center center;
	}
	.header_wrap .header .header_middle .mainnav{
		display: block!important;
		
	}
	.header_wrap .header .header_middle .mainnav li{
		border-bottom: 1px solid #ddd;
		padding: 0!important;
	}
	.menu-mainnav_wrap .mainnav li a{
	    padding: 0 15px;
	}
	.header_wrap .header .header_middle .mainnav li:nth-child(3){
	    background-position: right 15px;
	}
	.header_wrap .header .header_middle .mainnav li .sub-menu{
	    position: unset;
	    top:unset;
	    left:unset;
	}
	.second_menu_wrap .second_menu{
	    width: auto;
	    margin: 0;
	    display: block;
	}
	.second_menu_wrap{
	    position: unset;
	    
	}
	.third_menu_wrap{
	    display: none;
	}
	.header_wrap .header .header_middle .mainnav li .sub-menu li:nth-child(3){
	    background: none;
	}
	.header_wrap .header .header_menu_btn{
		display: block;
		position: fixed;
		top:100px;
		right: 5%;
		z-index: 1000;
	}
	.header_wrap .header .header_menu_btn span{
		display: block;
		width: 30px;
		height: 30px;
		background: url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/menu_btn.svg") no-repeat;
	}
	.header_wrap .header .header_right{
		display: none;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.banner_wrap{
		display: none;
	}
	.m_banner_wrap{
		display: block;
		position: relative;
	}
	.m_banner_wrap img{
		width: 100%;
	}
	.m_banner_wrap .banner_links{
	    position: absolute;
	    bottom: 1rem;
	    left:0;
	    width: 100%;
	}
	.m_banner_wrap .banner_links a{
	    display:block;
	    width: 80%;
	    height: 30px;
	    line-height: 30px;
	    text-align: center;
	    color: #fff;
	    margin: 0 auto;
	}
	.m_banner_wrap .banner_links a:first-child{
	    background: #000;
	    margin-bottom: 10px;
	}
	.m_banner_wrap .banner_links a:last-child{
	    background: #9e0008;
	}
	.m_banner_wrap .swiper-button-next::after,
    .m_banner_wrap .swiper-button-prev::after{
        display: block;
        content:"";
        clear: both;
    }
    .m_banner_wrap .swiper-button-next,
    .m_banner_wrap .swiper-button-prev{
        width: 50px;
        height: 50px;
        background: rgba(0,0,0,.5);
        border-radius:50%;
    }
    .m_banner_wrap .swiper-button-prev{
        background: rgba(0,0,0,.5) url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/left_arrow.svg") no-repeat center center;
    }
    .m_banner_wrap .swiper-button-next{
        background: rgba(0,0,0,.5) url("https://alifree-cosmetics.com/wp-content/themes/alifree/images/right_arrow.svg") no-repeat center center;
    }
	.m_banner_wrap .banner_btn{
		position: absolute;
		bottom: 20px;
		right: 5%;
	}
	.m_banner_wrap .banner_btn ul li{
		margin-bottom: 5px;
	}
	.m_banner_wrap .banner_btn ul li a{
		display: block;
		width: 230px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #fff;
		background:#a40000;
		border-radius: 20px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.range_wrap .range ul li{
	    padding: 0;
	    width: 100%;
	}
	.range_wrap .range ul li:first-child, .range_wrap .range ul li:nth-child(2){
	    width: 100%;
	    float: none;
	}
	.range_wrap .range ul li:first-child a, .range_wrap .range ul li:nth-child(2) a{
	    width: 100%;
	}
	.range_wrap .range ul li a{
	    padding: 0;
	    width: 100%;
	    margin: 0;
	}
	.range_wrap .range ul li h3{
	    margin: 0 15px;
	}
	.range_wrap .range ul li p{
	    margin:15px;
	    padding-bottom: 50px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.advantage_wrap{
		padding: 20px;
	}
	.advantage_wrap .advantage{
		display: block;
	}
	.advantage_wrap .advantage .advantage_item{
		width: 100%;
		margin-bottom: 20px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.about_us_wrap{
		padding:20px;
	}
	.about_us_wrap .about_us{
		display: block;
	}
	.about_us_wrap .about_us .about_us_item{
		width: 100%;
	}
	.about_us_wrap .about_us .about_us_right{
		padding-left: 0;
	}
	.about_us_wrap .about_us .about_us_right a{
		position: unset;
		margin: 20px 0;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.factory{
		width: 100%;
		height: 300px;
		overflow: hidden;
	}
	.factory ul{
		width: 100%;
		overflow-x: scroll;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.num{
		display: block;
	}
	.num dl{
		width: 100%;
		margin-bottom: 20px;
		border-right: 0;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.range_wrap{
		padding:20px;
	}
	.range_wrap .range_cloumn_2 ul{
		display:block;
	}
	.range_wrap .range_cloumn_2 ul li{
		margin-bottom: 20px;
	}
	.range_wrap .range_cloumn_2 ul li a img{
		width: 100%;
	}
	.range_wrap .range_cloumn_3 ul{
		display: block;
	}
	.range_wrap .range_cloumn_3 ul li{
		margin-bottom: 20px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.why_wrap .why_content{
		display: block;
		padding: 0 20px;
	}
	.why_wrap .why_content .why_content_item{
		margin-bottom: 20px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.support_wrap .support_icon{
		width: 100%;
		overflow: hidden;
	}
	.support_wrap .support_icon ul{
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
	}
	.support_wrap .support_icon ul li{
		width: auto;
		display: inline-block;
		margin-right:15px;
	}
	.support_wrap .support_content{
		display: block;
		padding: 0 15px;
	}
	.support_wrap .support_content .support_content_item{
		width: 100%;
	}
	.support_wrap .support_content .support_left{
		padding-right:0;
	}
	.support_wrap .support_content .support_right a{
		position: unset;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.client_wrap{
		padding:0 15px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.footer_wrap{
		padding: 70px 15px 50px;
	}
	.footer_wrap .footer{
		display: block;
	}
	.footer_wrap .footer .footer_left{
		width: 100%!important;
		padding-right: 0;
	}
	.footer_wrap .footer .footer_left img{
		display: block;
		margin: 0 auto;
		width: 50%;
	}
	.footer_wrap .footer .footer_megs ul li{
		margin-bottom: 0;
	}
	.footer_wrap .footer .footer_item{
		width: auto;
		margin-bottom: 20px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.company_wrap{
		padding:15px;
	}
	.company_wrap .company{
		display: block;
	}
	.company_wrap .company .company_item{
		width: 100%;
	}
	.company_wrap .company .company_photo img{
		width: 100%;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.world_wrap{
		padding: 50px 15px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.lisence_wrap{
		padding: 50px 15px;
	}
	.lisence_wrap .company_title{
		top:40px;
	}
	.lisence_wrap .lisence .swiper-button-prev{
		right: 70px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.brand_wrap{
		padding: 40px 15px 30px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.advantages_wrap .advantages ul{
		display: block;
	}
	.advantages_wrap .advantages ul li{
		width: 100%;
		padding: 50px 0 0;
	}
	.advantages_wrap .advantages ul li p{
		display: block;
	}
	.advantages_wrap .advantages ul li a{
		display: block;
		margin: 20px auto 0;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.map_wrap{
		padding:15px;
	}
	.map_wrap .map{
		display: block;
	}
	.map_wrap .map .map_item{
		width: 100%;
	}
	.form_wrap .form{
		display: block;
	}
	.form_wrap .form .form_left{
		width: 100%;
		background-position: 30px 40px;
		padding: 30px 0;
	}
	.form_wrap .form .form_left h3{
		margin-left: 110px;
		font-size: 24px;
	}
	.form_wrap .form .form_left p{
		margin: 10px 10px 0 110px;
		font-size: 14px;
	}
	.form_wrap .form .form_right{
		width: auto;
		padding: 20px;
	}
	.form_wrap .form .form_right .form_table dl dt{
		width: 30%;
	}
	.form_wrap .form .form_right .form_table dl dd{
		width: 70%;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.news_info_wrap{
		padding: 35px 15px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.news_top_wrap{
		padding: 15px;
	}
	.news_top_wrap .news_top{
		display: block;
	}
	.news_top_wrap .news_top .news_top_item{
		width: auto;
	}
	.news_top_wrap .news_top .news_top_right{
		padding: 20px;
	}
	.news_top_wrap .news_top .news_top_right span{
		margin: 20px 0;
	}
	.news_wrap{
		padding: 15px;
	}
	.news_wrap .news ul{
		display: block;
	}
	.news_wrap .news ul li{
		margin-bottom: 20px;
	}
	.pages{
		padding: 0 15px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.odmem_switch_wrap .odmem_switch ul{
		padding: 0;
	}
	.odmem_switch_wrap .odmem_switch ul li{
		font-size: 12px;
	}
	.odmem_switch_wrap .odmem_switch .odmem_switch_item{
		width: 100%;
	}
	.odmem_switch_wrap .odmem_switch .odmem_switch_item img{
		width: 100%;
	}
	.service_wrap{
		padding: 50px 15px;
	}
	.service_wrap .service ul{
		display: block;
	}
	.service_wrap .service ul li{
		margin-bottom: 20px;
	}
	.brand_wrap h3{
		font-size:26px;
		margin-bottom: 20px;
	}
	.brand_wrap p{
		font-size: 16px;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.product_wrap{
		padding: 15px;
	}
	.product_wrap .product{
		display: block;
	}
	.product_wrap .product .product_left{
		width: 100%;
	}
	.product_wrap .product .product_right{
		width: 100%;
		margin-left: 0;
	}
	.product_catelog_title{
		margin-bottom: 50px;
	}
	.product_list ul{
	    display: block;
	}
	.product_list ul{
		grid-template-columns: repeat(2,1fr);
		gap:5px;
	}
	.product_list ul li{
	    width: 100%;
	}
	.product_list ul li .product_thumb{
		width: 100%;
	}
	.product_list ul li .product_thumb img{
		width: 100%;
	}
	.overview_wrap{
		padding: 20px 15px;
	}
	.pages{
		margin-top: 40px;
	}
	.pages ol li a{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.overview_wrap .overview_title p{
		width: 100%;
		padding-right: 0;
	}
	.overview_wrap .overview ul li{
		display: block;
	}
	.overview_wrap .overview ul li .overview_photo,
	.overview_wrap .overview ul li .overview_content{
		width: 100%;
		height: auto;
	}
	.overview_wrap .overview ul li .overview_photo{
		padding-right: 0;
	}
	.overview_wrap .overview ul li .overview_content{
		margin-top: 20px;
	}
	.blog_wrap{
		padding: 0 15px;
	}
	.blog_wrap .blog ul{
		display: block;
	}
	.blog_wrap .blog ul li{
		margin-bottom: 20px;
	}
	.blog_wrap .blog ul li .blog_content{
		padding: 20px;
	}
	.blog_wrap .blog ul li .blog_content p{
		margin-top: 20px;
	}
	.faqs_wrap{
		margin: 20px 0;
		padding: 15px;
	}
	.faqs_wrap .faqs{
		width: 100%;
	}
	/*********************************************************************************/
	/*********************************************************************************/
	/*********************************************************************************/
	.rd_content_wrap{
		padding: 60px 15px;
	}
	.rd_content_wrap .rd_content{
		display: block;
	}
	.rd_content_wrap .rd_content .rd_content_left,
	.rd_content_wrap .rd_content .rd_content_right{
		width: 100%;
	}
	.rd_content_wrap .rd_content .rd_content_left .rd_text p{
		margin-right: 0;
	}
	.rd_content_wrap .rd_content .rd_content_right{
		padding: 20px 0;
		margin-top: 20px;
	}
	.rd_content_wrap .rd_content .rd_content_right dl{
		margin: 20px;
	}
	.rd_content_text_wrap .rd_title{
		margin-bottom: 50px;
	}
	.rd_content_text_wrap .rd_content_text ul li{
		display: block;
	}
	.rd_content_text_wrap .rd_content_text ul li .rd_content_photo,
	.rd_content_text_wrap .rd_content_text ul li .rd_content_text{
		width: auto;
	}
	.rd_content_text_wrap .rd_content_text ul li .rd_content_text{
		padding: 20px;
	}
	.rd_content_text_wrap{
		padding: 80px 15px;
	}
}