﻿@charset 'utf-8';
/** Generated by FG **/
@font-face {
	font-family: 'Conv_CALIFB';
	src: url("../fonts/CALIFB.eot");
	src: local('☺'), url("../fonts/CALIFB.woff") format('woff'), url("../fonts/CALIFB.ttf") format('truetype'), url("../fonts/CALIFB.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_Hasteristico';
	src: url("../fonts/Hasteristico.eot");
	src: local('☺'), url("../fonts/Hasteristico.woff") format('woff'), url("../fonts/Hasteristico.ttf") format('truetype'), url("../fonts/Hasteristico.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_CALIFR';
	src: url("../fonts/CALIFR.eot");
	src: local('☺'), url("../fonts/CALIFR.woff") format('woff'), url("../fonts/CALIFR.ttf") format('truetype'), url("../fonts/CALIFR.svg") format('svg');
	font-weight: normal;
	font-style: normal;
}
.header{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
}
.header.act .header_top{
	height: 0px;
	border-top: 0px solid #000000;
}
.header.act .pulldown{
	top: 45px;
}
.banner.act {
	margin-top: 45px;
}
.banner1.act{
	margin-top: 45px;
}
.con_map.act{
	margin-top: 45px;
}
.header_top{
	width: 100%;
	height: 130px;
	border-top: 5px solid #000000;
	background-color: #ffffff;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	overflow: hidden;
}
.header_top .logo{
	width: 200px;
	padding: 0 25px;
	line-height: 125px;
}
.header_top .logo img{
	width: 100%;
}
.header_top .hd_ser{
	margin-left: 140px;
	margin-top: 37.5px;
}
.header_top .hd_ser li{
	float: left;
	padding: 0 30px; 
	text-align: center;
}
.header_top .hd_ser li img{
	width: 33px;
	margin-bottom: 10px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.header_top .hd_ser li p{
	font-size: 12px;
	color: #333333;
}
.header_top .hd_ser li:hover img{
	transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.header_top .hd_phone{
	position: relative;
}
.header_top .hd_phone .hd_stock{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 319px;
	height: 32px;
	background:url("../images/icon6.jpg") no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.header_top .hd_phone .hd_stock span{
	display: inline-block;
	margin: 0 15px;
	font-size: 12px;
	color: #cccccc;
	line-height: 32px;
}
.header_top .hd_phone .hd_phnum{
	margin-top: 32px;
	padding: 0 40px;
	font-size: 36px;
	color: #000000;
	line-height: 92px;
	font-family: 'Conv_CALIFB';
}
.header_top .hd_phone .hd_phnum img{
	width: 25px;
	margin-right: 20px;
}
.header_bottom{
	width: 100%;
	height: 45px;
	background-color: #000000;
}
.header_bottom .li1{
	position: relative;
	float: left;
	width: 12.5%;
	height: 45px;
	text-align: center;
	border-right: 1px solid #2c2c2c;
}
.header_bottom .li1 a{
	position: relative;
	z-index: 1;
	font-size: 16px;
	color: #ffffff;
	line-height: 45px;
}
.header_bottom .li1:after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0;
	background-color: #e6e6e6;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.header_bottom .li1:hover:after{
	height: 100%;
}
.header_bottom .li1:hover a{
	color: #333333;
}
.header_bottom .li1.act > a{
	position: relative;
}
.header_bottom .li1.act > a:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -8px;
	width: 120%;
	height: 1px;
	background-color: #e7e9ea;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.header_bottom .li1:nth-child(1){
	border-left: 1px solid #2c2c2c;
}
.pulldown{
	display: none;
	position: fixed;
	top: 175px;
	left: 0px;
	width: 100%;
	padding: 35px 0;
	background-color: #ffffff;
}
.pulldown .pd_fl{
	position: relative;
	width: 25%;
	min-height: 200px;
	text-align: left;
}
.pulldown .pd_fl .pd_title{
	position: absolute;
	top: 50%;
	left: 0;
	padding-left: 40px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.pulldown .pd_fl .pd_title h1{
	position: relative;
	margin-bottom: 30px;
	font-size: 24px;
	color: #333333;
	line-height: 1.5;
}
.pulldown .pd_fl .pd_title h1:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: -20px;
	width: 60px;
	height: 1px;
	background-color: #e1e1e1;
}
.pulldown .pd_fl .pd_title h2{
	font-size: 24px;
	color: #a48b77;
	line-height: 1.5;
	font-family: "Palatino Linotype";
}
.pulldown .pd_center{
	position: relative;
	width: 25%;
	min-height: 200px;
}
.pulldown .pd_center ul{
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.pulldown .pd_center ul li{
	padding: 7px 0 7px 80px;
	text-align: left;
}
.pulldown .pd_center ul li a{
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
}
.pulldown .pd_center ul li a:hover{
	color: #a48b77;
}
.pulldown .pd_fr{
	width: 50%;
	min-height: 200px;
}
.pulldown .pd_fr .pd_img{
	width: 406px;
	overflow: hidden;
}
.pulldown .pd_fr .pd_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.pulldown .pd_fr .pd_img img:hover{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.header2{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;

	width: 100%;
	height: 80px;
	padding-left: 15px;
	padding-right: 15px;

	background-color: #ffffff;
}
.header2 .logo{
	width: 150px;
	line-height: 80px;
}
.header2 .logo img{
	width: 100%;
}
.header2 .phsearch{
	position: absolute;
	top: 50%;
	right: 70px;

	width: 20px;
	cursor: pointer;

	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.header2 .phsearch img{
	width: 100%;
}
.header2 .menuph{
	position: absolute;
	top: 50%;
	right: 15px;

	width: 50px;
	height: 50px;

	cursor: pointer;
	text-align: center;

	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.header2 .menuph .point{
	position: relative;
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 14px;
}
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before{
    width: 28px;
}
.header2 .menuph .navbtn{
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #000;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
    background: #000;
}
.header2 .menuph .navbtn::after{
    top: -10px;
}
.header2 .menuph .navbtn::before{
    top: 10px;
}
.header2 .menuph .point.active .navbtn{
    background: transparent;
}
.header2 .menuph .point.active .navbtn::after{
    top: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before{
    top: 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.searchbox{
    display: none;

    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;

    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .85);
}
.searchbox .sou{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 847px;

    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.searchbox .sou input{
    float: left;
    width: 731px;
    height: 87px;

    padding-left: 30px;

    color: #333;
    background: #fff;
    font-size: 18px;
}
.searchbox .sou button{
    float: right;
    width: 102px;
    height: 87px;

    margin-left: 3px;
    text-align: center;
    background: #834b42;
    line-height: 86px;
}
.searchbox .sou button img{
    width: 44px;
}
.searchbox .tansouc{
    position: absolute;
    top: 60px;
    right: 15px;
    cursor: pointer;
}
@media screen and (max-width: 991px)
{
    .searchbox .sou{
        width: 750px;
    }
    .searchbox .sou input{
        width: 638px;
    }
}
@media screen and (max-width: 767px)
{
    .searchbox .sou{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .searchbox .sou input{
        font-size: 12px;
        width:         calc(100% - 70px);
        width: -webkit-calc(100% - 70px);
        height: 50px;
        padding-left: 15px;
    }
    .searchbox .sou button{
        line-height: 50px;
        width: 60px;
        height: 50px;
    }
    .searchbox .sou button img{
        width: 26px;
    }
}
/*手机下拉*/
.phxia{
    position: relative;
    z-index: 10;
    margin-top: 80px; 
    width: 100%;
}
.xialaph{
    display: none;

    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;

    padding-bottom: 30px;

    background-color: #f1f1f1;
    font-family: '微软雅黑';
}
@media screen and (max-width: 992px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 40px;
    }
}
@media screen and (max-width: 768px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 20px;
    }
}
.xialaph h4{
    position: relative;
}
.xialaph h4::after{
    content: '';

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .1;
    background-color: #000;
}
.xialaph h4 a{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4 img{
	position: absolute;
	top: 50%;
	right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph .ul2{
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}
.xialaph .ul2 .container{
	max-width: 100%;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

	width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}
.xialaph h5 a{
    font-family: '微软雅黑';
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h5 img{
	position: absolute;
	top: 50%;
	right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul3{
    display: none;
    padding-left: 15px;
}
.xialaph h6 a{
	font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.phonemeng{
    display: none;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    width: 100%;
    height: 100%;

    opacity: .6;
    background-color: #000;
}
.phonemeng.active{
    display: block;
}
.banner{
	margin-top: 175px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.banner .banslick{
	overflow: hidden;
}
.banner .banslick img{
	width: 100%;
	-webkit-transition: all 3s ease-out 0s;
    -moz-transition: all 3s ease-out 0s;
    -ms-transition: all 3s ease-out 0s;
    -o-transition: all 3s ease-out 0s;
    transition: all 3s ease-out 0s;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
.banner .banslick img.scale{
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.banner .slick-dots {
	bottom: 30px;
}
.banner .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0  7px;
	border: 1px solid #b8a99f;
	background-color: transparent;
}
.banner .slick-dots li.slick-active{
	width: 11px;
	height: 11px;
	background-color: #b8a99f;
}
.banner .slick-prev{
	left: 13.5%;
	z-index: 1;
	width: 29px;
	height: 52px;
	background: url("../images/prev.png");
	background-size: 100% 100%;
}
.banner .slick-next{
	right: 13.5%;
	width: 29px;
	height: 52px;
	background: url("../images/next.png");
	background-size: 100% 100%;
}
.incustom{
	padding-top: 55px; 
}
.incustom .incus_fl{
	position: relative;
	width: 50%;
	overflow: hidden;
}
.incustom .incus_fl img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.incustom .incus_fl:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.incustom .incus_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.incustom .incus_txt h1{
	margin-bottom: 35px;
	font-size: 24px;
	color: #ffffff;
	line-height: 1.5;
}
.incustom .incus_txt button{
	width: 120px;
	height: 33px;
	font-size: 14px;
	color: #ffffff;
	background-color: #c3b4af;
}
.intitle{
	position: relative;
	padding: 100px 0 70px;
	text-align: center;
}
.intitle h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	font-family: "Palatino Linotype";
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.intitle h2{
	font-size: 24px;
	color: #a48b77;
	line-height: 1.5;
	animation-delay: 0.3s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.intitle .intitle_phone{
	position: absolute;
	top: 50%;
	right: 0px;
	text-align: right;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.intitle .intitle_phone img{
	width: 44px;
	margin-bottom: 5px;
}
.intitle .intitle_phone h5{
	font-size: 24px;
	color: #666666;
	line-height: 1.5;
	font-family: 'Conv_Hasteristico';
}
.intitle .intitle_phone p{
	font-size: 12px;
	color: #999999;
	line-height: 1.5;
}
.incase_title{
	padding: 60px 0 80px;
}
.incase_slick{
	z-index: 1;
}
.incase_slide{
	position: relative;
}
.incase_slide .incase_img{
	position: relative;
	overflow: hidden;
}
.incase_slide .incase_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
} 
.incase_slide:hover .incase_img img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.incase_slide .incase_img:after{
	content:'';
	position: absolute;
	top: -100%;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(195,180,175,.9);
	opacity: 0;
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}
.incase_slide .incase_txt{
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
	width: 71.6%;
	padding: 20px 15px;
	background-color: #ffffff;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	opacity: 0;
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}
.incase_slide:hover .incase_img:after{
	opacity: 1;
	top: 0px;
}
.incase_slide:hover .incase_txt{
	top: 50%;
	opacity: 1;
}
.incase_slide .incase_txt h1{
	margin-bottom: 15px;
	font-size: 18px;
	color: #333333;
	line-height: 1.5;
	font-weight: bold;
}
.incase_slide .incase_txt p{
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
}
.incase_slide .incase_txt h5{
	margin-top: 15px;
	font-size: 14px;
	color: #a48b77;
	line-height: 1.5;
	font-weight: bold;
}
.incase_slide .incase_txt:after{
	content: '';
	position: absolute;
	bottom:0%;
	right: 0px;
	width: 30px;
	height: 28px;
	background: url("../images/arrow.jpg") no-repeat; 
	transform: translate(50%,50%);
	-o-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	-moz-transform: translate(50%,50%);
	-webkit-transform: translate(50%,50%);
}
.incase_slick .slick-prev{
	left: -95px;
	z-index: 1;
	width: 29px;
	height: 52px;
	background: url("../images/prev.png");
	background-size: 100% 100%;
}
.incase_slick .slick-next{
	right: -95px;
	width: 29px;
	height: 52px;
	background: url("../images/next.png");
	background-size: 100% 100%;
}
.incase{
	position: relative;
	padding-bottom: 105px;
}
.incase .inflower{
	position: absolute;
	z-index: 0;
	left: 13.5%;
	top: 160px;
}
.instar{
	padding: 100px 0;
	background-color: #fcf7f1;
}
.instar .instar_fl{
	position: relative;
	width: 28%;
}
.instar .instar_fl .instar_title{
	margin-bottom: 60px;
}
.instar .instar_fl .instar_title h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	font-family: "Palatino Linotype";
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.instar .instar_fl .instar_title h1 span{
	font-size: 36px;
}
.instar .instar_fl .instar_title h2{
	font-size: 24px;
	color: #a48b77;
	line-height: 1.5;
	animation-delay: 0.3s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.instar .instar_fl .instar_ul{
	width: 100%;
}
.instar .instar_fl .instar_ul img{
	max-width: 90%;
}
.instar .instar_fl .inflower{
	position: absolute;
	top: 60px;
	right: 0px;
}
.instar .instar_fr{
	width: 72%;
}
.instar .instar_fr .instar_box{
	position: relative;
	width: 25%;
	overflow: hidden;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
@media screen and (min-width:1200px){
	.instar .instar_fr .instar_box{
		animation-delay: 0.2s; 
		visibility: visible; 
		animation-name: fadeInUp;
	}
	.instar .instar_fr .instar_box:nth-child(1){
		animation-delay: 0.2s;
	}
	.instar .instar_fr .instar_box:nth-child(2){
		animation-delay: 0.3s;
	}
	.instar .instar_fr .instar_box:nth-child(3){
		animation-delay: 0.4s;
	}
	.instar .instar_fr .instar_box:nth-child(4){
		animation-delay: 0.5s;
	}
	.instar .instar_fr .instar_box:hover{
		transform: translateY(-10px);
		-o-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
	}
}
.instar .instar_fr .instar_box img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.instar .instar_fr .instar_box .instar_txt{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background-color: rgba(0,0,0,.7);
}
.instar .instar_fr .instar_box:hover .instar_txt{
	color: #a48b77;
}
.inpro_con .inpro_choose{
	position: relative;
	width: 25%;
}
.inpro_con .inpro_bg{
	width: 100%;
}
.inpro_con .inpro_bg img{
	width: 100%;
}
.inpro_con .inpro_title{
	position: absolute;
	left: 0px;
	width: 100%;
	height: 50%;
}
.inpro_con .inpro_title.inwoman{
	top: 0px;
	background-color: #c3b4af;
}
.inpro_con .inpro_title.inman{
	top: 50%;
	background-color: #4669ae;
}
.inpro_con .inpro_title.inblock{
	display: none;
	margin: 20px auto;
	background-color: #4669ae;
}
.inpro_con .inwoman:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	width: 0px;
	height: 0px;
	border-width:20px 0px 20px 20px;
    border-style:solid;
    border-color:transparent #c3b4af transparent;
	transform: translate(100%,-50%);
	-o-transform: translate(100%,-50%);
	-ms-transform: translate(100%,-50%);
	-moz-transform: translate(100%,-50%);
	-webkit-transform: translate(100%,-50%);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	opacity: 0;
}
.inpro_con .inwoman.act:after{
	opacity: 1;
}
.inpro_con .inman.act:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	width: 0px;
	height: 0px;
	border-width:20px 0px 20px 20px;
    border-style:solid;
    border-color:transparent #4669ae transparent;
	transform: translate(100%,-50%);
	-o-transform: translate(100%,-50%);
	-ms-transform: translate(100%,-50%);
	-moz-transform: translate(100%,-50%);
	-webkit-transform: translate(100%,-50%);
}
.inpro_con .inpro_title .intit_con{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.inpro_con .inpro_title .intit_con img{
	width: 44px;
}
.inpro_con .inpro_title .intit_con h1{
	position: relative;
	padding: 10px 0;
	font-size: 18px;
	color: #ffffff;
	line-height: 1.5;
}
.inpro_con .inpro_title .intit_con h1:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	background-color: #d1c9c6;
}
.inpro_con .inpro_title .intit_con p{
	font-size: 14px;
	color:#ffffff;
	padding-top: 15px;
}
.inpro_con .inpro_nei{
	width: 75%;
}
.inpro_con .inpro_nei .inpro_box{
	position: relative;
	width: 33.33%;
	overflow: hidden;
}
@media screen and (min-width:1200px){
	.inpro_con .inpro_nei .inpro_box{
		animation-delay: 0.2s; 
		visibility: visible; 
		animation-name: fadeInUp;
	}
	.inpro_con .inpro_nei .inpro_box:nth-child(1){
		animation-delay: 0.2s; 
	}
	.inpro_con .inpro_nei .inpro_box:nth-child(2){
		animation-delay: 0.3s; 
	}
	.inpro_con .inpro_nei .inpro_box:nth-child(3){
		animation-delay: 0.4s; 
	}
}
.inpro_con .inpro_nei .inpro_box img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.inpro_con .inpro_nei .inpro_box:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.inpro_con .inpro_nei .inpro_box p{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	text-align: center;
	line-height: 1.5;
	font-size:16px;
	color: #333333;
}
.inpro_con .inpro_nei .inpro_box:hover p{
	color:#a48b77;
}
.inpro{
	position: relative;
	padding-bottom: 110px;
	background-color: #f8f8f8;
}
.inpro_con .inpro_nei .inpro_change{
	display:none; 
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.inpro .inflower{
	position: absolute;
	top: 60px;
	right: 15%;
}
.inadv_con{
	position: relative;
	z-index: 1;
	margin:0 -15px;
}
.inadv_con .inadv_box{
	width: 50%;
	padding: 15px;
}
.inadv_con .inadv_box .inadv_nei{
	width: 100%;
	border: 1px solid #e1e1e1;
}
.inadv_con .inadv_box .inadv_nei .inadv_txt{
	width:58%;
	padding: 25px 40px 0px 30px
}
.inadv_con .inadv_box .inadv_nei .inadv_txt p{
	margin-bottom: 25px;
	font-size: 14px;
	color: #676767;
	line-height: 1.8;
}
.inadv_con .inadv_box .inadv_nei .inadv_txt h1{
	position: relative;
	padding-left: 30px;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.inadv_con .inadv_box .inadv_nei:hover .inadv_txt h1{
	color:#a48b77;
}
.inadv_con .inadv_box .inadv_nei .inadv_txt h1:after{
	content: '';
	position:absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
	background: url("../images/icon8.png");
}
.inadv_con .inadv_box .inadv_nei .inadv_img{
	position: relative;
	width: 42%;
	cursor: pointer;
}
.inadv_con .inadv_box .inadv_nei .inadv_img img{
	width: 100%;
}
.inadv_con .inadv_box .inadv_nei .inadv_img:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 40px;
	
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.inadv{
	position: relative;
	padding-bottom: 80px;
}
.inadv .inflower{
	position: absolute;
	top: 185px;
	left: 13.5%;
}
.video{
	position: fixed;
	z-index: 2000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background:rgba(0,0,0,.8);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.video.act{
	opacity: 1;
	visibility: visible;
}
.video .wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
    width: 95%;
    max-width: 1000px;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.video .closebtn{
    position: absolute;
    top: 0;
	right: -80px;
    opacity: .6;
}
.video .closebtn img {
    width: 50px;
}
.video .wrapper video{
    width: 100%;
}
.video-js {
	width: 100%;
	height: 500px;
}
.vjs-remaining-time-display{
	display: inline-block;
}
.inabout{
	width: 100%;
	/*background: url(../images/pic_40.jpg) top center no-repeat;*/
}
.inabout .inab_fl{
	width: 585px;
	max-width: 100%;
	max-height: 596px;
	padding: 90px 0;
}
@media screen and (min-width:1200px){
	.inabout .inab_fl{
		animation-delay: 0.2s; 
		visibility: visible; 
		animation-name: fadeInLeft;
		animation-duration: 1.5s;
	}
	.inab_fr{
		animation-delay: 0.2s; 
		visibility: visible; 
		animation-name: fadeInRight;
		animation-duration: 1.5s;
	}
}
.inabout .inab_fl .inab_title{
	margin-bottom: 60px;
}
.inabout .inab_fl .inab_title h1{
	display: inline-block;
	position: relative;
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	font-family: "Palatino Linotype";
}
.inabout .inab_fl .inab_title h1:after{
	content: '';
	position: absolute;
	top: 0%;
	right: 0px;
	width: 60px;
	height: 21px;
	background: url("../images/logob.png") no-repeat;
	background-size: 100% 100%;
	transform: translateY(-70%);
	-o-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
}
.inabout .inab_fl .inab_title h2{
	font-size: 24px;
	color: #a48b77;
	line-height: 1.5;
}
.inabout .inab_fl button{
	margin-bottom: 35px;
	padding: 10px 15px;
	line-height: 1.5;
	font-size: 16px;
	color: #ffffff;
	background-color: #252525;
}
.inabout .inab_fl p{
	margin-bottom: 50px;
	font-size: 16px;
	color: #555555;
	line-height: 1.5;
}
.inabout .inab_fl span{
	font-size: 14px;
	color: #666666;
}
.inabout .inab_fl span img{
	margin-left: 10px;
}
.inab_fr{
	max-height: 596px;
	padding: 55px 80px;
	background-color: rgba(0,0,0,.7);
}
.inab_fr .inab_box{
	width: 130px;
	padding: 35px 0px;
	text-align: center;
	border-top: 1px solid #6b6a6b;
}
.inab_fr .inab_box:nth-child(1){
	border-top: 0px solid #6b6a6b;
}
.inab_fr .inab_box h5{
	margin-bottom: 20px;
	font-size: 18px;
	color: #d2b298;
}
.inab_fr .inab_box h1{
	font-size: 56px;
	color: #ffffff;
	font-family: 'Conv_CALIFR';
}
.inab_fr .inab_box h1 span.numsm{
	font-size: 14px;
}
.innews{
	position: relative;
	padding-bottom: 90px;
}
.innew_con{
	position: relative;
	z-index: 1;
	margin: 0 -20px;
}
.innew_con .slick-track{
	padding-top: 10px;
}
.innew_slick{
	width: 25%;
	padding: 0 20px;
}
.innew_slide{
	padding: 50px 60px 60px 35px;
	border: 1px solid #e1e1e1;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.innew_slide:hover{
	transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
.innew_slide h6{
	margin-bottom: 10px;
	font-size: 14px;
	color: #666666;
}
.innew_slide:hover h5{
	color:#a48b77;
}
.innew_slide h5{
	margin-bottom: 20px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: 1.5;
}
.innew_slide p{
	margin-bottom: 50px;
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
}
.innew_slide img{
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.innew_slide:hover img{
	transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-webkit-transform: translateX(10px);
}
.innew_con .slick-prev{
	left: -95px;
	z-index: 1;
	width: 29px;
	height: 52px;
	background: url("../images/prev.png");
	background-size: 100% 100%;
}
.innew_con .slick-next{
	right: -95px;
	width: 29px;
	height: 52px;
	background: url("../images/next.png");
	background-size: 100% 100%;
}
.innews .inflower{
	position: absolute;
	top: 170px;
	left: 13.5%;
}
.inmess{
	width: 100%;
	height: 120px;
	background: url("../images/pic_42.jpg") no-repeat;
}
.inmess .inmess_con{
	width: 33.33%;
	padding: 40px 0 0 25px;
}
.inmess .inmess_con img{
	max-width: 100%;
}
.inmess .inmess_con .inmess_ph{
	display: none;
}
.inmess .inmess_con .inmess_ph img{
	width: 20px;
	margin-right: 10px;
}
.inmess .inmess_con .inmess_ph span{
	font-size: 14px;
	color: #585858;
}
.fo_top{
	padding: 55px 0 45px;
	background-color: #252525;
}
.fo_top .ft_con{
	padding: 10px 0;
}
.fo_top .ft_con h1{
	width: 120px;
	font-size: 16px;
	color: #a48b77;
	line-height: 1.5;
}
.fo_top .ft_con ul{
	width: calc(100% - 120px);
}
.fo_top .ft_con ul li{
	float: left;
	padding: 0 15px;
}
.fo_top .ft_con ul li a{
	font-size: 14px;
	color: #999999;
	line-height: 1.5;
}
.fo_top .ft_con ul li a:hover{
	color: #a48b77;
}
.fo_top .ft_fl{
	width: calc(100% - 180px);
}
.ft_fr{
	width: 180px;
}
.fo_top .bdshare-button-style0-16 a, 
.fo_top .bdshare-button-style0-16 .bds_more{
	width: 30px;
	height: 30px;
	margin: 0 0 0 30px;
	background-position: 0 0px;
	background-size: 100% 100%;
}
.fo_top .bdshare-button-style0-16 .bds_tsina {
	background-image: url("../images/weibo.png");
}
.fo_top .bdshare-button-style0-16 .bds_weixin{
	background-image: url("../images/weixin.png");
}
.fo_top .bdshare-button-style0-16 .bds_qzone{
	background-image: url("../images/qq.png");
}
.ft_fr button{
	float: right;
	margin-top: 35px;
	padding: 15px 25px;
	font-size: 16px;
	color: #e1e1e1;
	background-color: #1a1a1a;
}
.ft_fr button img{
	width: 25px;
	margin-right: 20px;
}
.fo_bottom{
	width: 100%;
	padding: 20px 0;
	background-color: #1a1a1a;
}
.fo_bottom p,
.fo_bottom a{
	font-size: 14px;
	color: #585858;
	line-height: 1.5;
}
.fo_bottom p span{
	display: inline-block;
	margin-right: 30px;
}
.fo_bottom a:hover{
	color: #a48b77;
}
.instar_fr .slick-prev{
	z-index: 1;
	width: 29px;
	height: 52px;
	background: url("../images/prev.png");
	background-size: 100% 100%;
}
.instar_fr .slick-next{
	width: 29px;
	height: 52px;
	background: url("../images/next.png");
	background-size: 100% 100%;
}
.banner1{
	position: relative;
	width: 100%;
	height: 525px;
	margin-top: 175px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.banner1 img{
	position: absolute;
	top: 0px;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.about_story{
	position: relative;
	padding: 95px 70px 145px 0px;
}
.abs_fl{
	width: 64.28%;
}
.abs_fl .abs_top{
	position: relative;
}
.abs_fl .abs_top .abstop_fl{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 48%;
}
.ab_title{
	text-align: center;
}
.ab_title h1{
	position: relative;
	z-index: 1;
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.ab_title h2{
	font-size: 24px;
	color: #848484;
	line-height: 1.5;
	font-family: "Palatino Linotype";
	text-transform: uppercase;
	animation-delay: 0.3s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.abs_fl .abs_top .abstop_fr{
	width: 52%;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.abs_fl .abs_top .abstop_fr img{
	width: 100%;
}
.abs_fl .abs_bottom{
	width: 100%;
	padding-top: 50px;
	text-align: center;
}
.abs_fl .abs_bottom p{
	font-size: 30px;
	color: #333333;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.abs_fr{
	width: 35.72%;
	padding-left: 20px;
	padding-top: 90px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.abs_fr img{
	width: 100%;
}
.about_story .abflow{
	position: absolute;
	bottom: 0px;
	left: 225px;
}
.about_txt .abt_img{
	width: 30.8%;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInLeft;
}
.about_txt .abt_img img{
	width: 100%;
}
.about_txt .abt_txt{
	width: 69.2%;
	padding: 0 35px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInRight;
}
.about_txt .abt_txt p{
	margin-bottom: 40px;
	font-size: 16px;
	color: #666666;
	line-height: 2.2;
}
.abt_bottom{
	padding: 55px 0 100px;
	text-align: center;
}
.abt_bottom .abt_box{
	display: inline-block;
	width: 500px;
	max-width: 100%;
	height: 210px;
	margin: 0 24px;
	padding: 80px;
	text-align: center;
	background: url("../images/abg.png") no-repeat;
	background-size: 100% 100%;
}
.abt_bottom .abt_box h1{
	position: relative;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.abt_bottom .abt_box h1:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 16px;
	height: 1px;
	background-color: #333333;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.abt_bottom .abt_box h6{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #ebebeb;
	line-height: 1.5;
	font-family: "Palatino Linotype";
	font-weight: bold;
	text-transform: uppercase;
}
.abt_bottom .abt_box p{
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
}
.ab_slike{
	padding: 0 70px;
}
.about_honor{
	position: relative;
	padding: 95px 0 85px;
	background: #d5cac7;
}
.about_honor .ab_title img{
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.about_honor .ab_mess{
	padding: 35px 0 50px;
	text-align: center;
}
.about_honor .ab_mess p{
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
}
.about_honor .abslide{
	margin: 0 50px;
}
.about_honor .abslide .abslide_img{
	width: 100%;
	border: 3px solid #a78f7c;
	overflow: hidden;
}
.about_honor .abslide .abslide_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.about_honor .abslide .abslide_img:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.about_honor .abslide p{
	padding: 20px 0;
	font-size: 16px;
	color: #666666;
	text-align: center;
}
.about_honor .slick-prev {
	top: 40%;
    z-index: 1;
    width: 19px;
    height: 35px;
    background: url("../images/prevb.png");
    background-size: 100% 100%;
}
.about_honor .slick-next {
	top: 40%;
    width: 19px;
    height: 35px;
    background: url("../images/nextb.png");
    background-size: 100% 100%;

}
.about_honor .slick-prev:hover {
    z-index: 1;
    width: 19px;
    height: 35px;
    background: url("../images/prevw.png");
    background-size: 100% 100%;
}
.about_honor .slick-next:hover {
    width: 19px;
    height: 35px;
    background: url("../images/nextw.png");
    background-size: 100% 100%;
}
.about_develop{
	padding: 100px 0;
}
.about_develop .ab_decon{
	margin-top: 65px;
}
.about_develop .ab_decon .ab_defl{
	width: 50%;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInLeft;
}
.about_develop .ab_decon .ab_defl img{
	width: 100%;
}
.about_develop .ab_decon .ab_defr{
	width: 50%;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInRight;
}
.about_develop .ab_decon .ab_defr .ab_deslick{
	padding: 40px 95px;
}
.about_develop .ab_decon .ab_defr .ab_debox{
	padding: 10px 0;
}
.about_develop .ab_decon .ab_defr h1{
	position: relative;
	padding-bottom: 10px;
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
}
.about_develop .ab_decon .ab_defr h1:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 34px;
	height:1px;
	background-color: #dbdbdb;
}
.about_develop .ab_decon .ab_defr p{
	padding: 10px 0;
	font-size: 14px;
	color: #666666;
	line-height: 1.8;
}
.about_develop .ab_decon .ab_defr p span{
	font-weight: bold;
	color: #a48b77;
}
.about_develop .slick-prev {
    z-index: 1;
    width: 19px;
    height: 35px;
    background: url("../images/prevb.png");
    background-size: 100% 100%;
}
.about_develop .slick-next {
    width: 19px;
    height: 35px;
    background: url("../images/nextb.png");
    background-size: 100% 100%;
}
.about_develop .slick-prev:hover {
    z-index: 1;
    width: 19px;
    height: 35px;
    background: url("../images/prevz.png");
    background-size: 100% 100%;
}
.about_develop .slick-next:hover {
    width: 19px;
    height: 35px;
    background: url("../images/nextz.png");
    background-size: 100% 100%;
}
.about_develop .ab_decon .ab_defr .slick-dots{
	left: 0px;
	bottom: 0px;
}
.about_develop .ab_decon .ab_defr .slick-dots li {
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	border: 1px solid #a48b77;
}
.about_develop .ab_decon .ab_defr .slick-dots li.slick-active {
	background-color: #a48b77;
}
/* .high_con{
	padding: 130px 0 0;
} */
.high_con .high_re{
	position: relative;
}
.high_con .high_re img{
	width: 100%;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.high_con .high_box{
	position: absolute;
	top: 225px;
	right: 0px;
	width: 180px;
	padding: 40px 25px 30px;
	text-align: center;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInDown;
}
.high_con .high_box .high_img{
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}
.high_con .high_box .high_img img{
	width: 100%;
}
.high_con .high_box h1{
	padding: 15px 0;
	line-height: 1.5;
	font-size: 18px;
	color: #333333;
}
.high_con .high_box p{
	margin-bottom: 15px;
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
}
.high_con .high_box span{
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
}
.high_con .high_box.high_even{
	top:auto;
	left: 0px;
	bottom: 50px;
}
.high_con .high_btn{
	position: absolute;
	left: 50%;
	bottom: 45px;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.high_con .high_btn button{
	width: 146px;
	height: 40px;
	font-size: 14px;
	color: #ffffff;
	background-color: #a48b77;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	border:1px solid transparent;
}
.high_con .high_btn button:hover{
	background-color: transparent;
	border:1px solid #a48b77;
	color: #a48b77;
}
.high_heben{
	position: relative;
	width: 100%;
	height: 520px;
}
.high_heben img{
	position: absolute;
	bottom: 0px;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.high_heben .high_mess{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.high_heben .high_mess h5{
	font-size: 36px;
	color: #ffffff;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.high_heben .high_mess h6{
	font-size: 40px;
	color: #a48b77;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.high_con.bgef{
	background-color: #efefef;
}
.high_con.bgef .high_box{
	background-color: #ffffff;
}
.high_con.bgw{
	background-color: #ffffff;
}
.high_con.bgw .high_box{
	background-color:#efefef;
}
.high_con.bgf4{
	background-color: #f4f4f4;
}
.high_con.bgf4 .high_box{
	background-color: #ffffff;
}
.high_fashion{
	padding: 100px 0;
}
.high_fashion .high_title{
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 50px;
	text-align: center;
}
.high_fashion .high_title h1{
	font-size: 36px;
	color: #333333;
}
.high_fashion .high_title:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 150px;
	height: 1px;
	background-color: #a48b77;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.high_fashion .highf_bb{
	margin: 0 -32px;
}
.high_fashion .highf_bb .highf_con{
	width: 33.33%;
	padding: 0 32px;
}
.high_fashion .highf_bb .highf_con .highf_box{
	width: 100%;
}
.high_fashion .highf_bb .highf_con .highf_box .highf_img{
	width: 100%;
	overflow: hidden;
}
.high_fashion .highf_bb .highf_con .highf_box .highf_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.high_fashion .highf_bb .highf_con .highf_box .highf_img:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.high_fashion .highf_bb .highf_con .highf_box .highf_title{
	padding: 20px 0;
	text-align: center;
}
.high_fashion .highf_bb .highf_con .highf_box .highf_title p{
	margin-bottom: 10px;
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
}
.high_fashion .highf_bb .highf_con .highf_box .highf_title img{
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.high_fashion .highf_bb .highf_con .highf_box:hover .highf_title img{
	transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-webkit-transform: translateX(10px);
}
.high_fashion .highf_bb .highf_con .highf_box:nth-child(2){
	margin-top: 120px;
}
.high_fashion .high_more{
	margin-top: 20px;
	text-align: center;
}
.high_fashion .high_more button{
	width: 145px;
	height: 40px;
	border: 1px solid #a48b77;
	font-size: 14px;
	color: #a48b77;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
} 
.high_fashion .high_more button:hover{
	background:#a48b77;
	color: #ffffff;
}
.highf_bb .slick-prev {
    top: 40%;
    z-index: 1;
    width: 19px;
    height: 35px;
    background: url("../images/prevb.png");
        background-size: auto auto;
    background-size: 100% 100%;
}
.highf_bb .slick-next {
    top: 40%;
    width: 19px;
    height: 35px;
    background: url("../images/nextb.png");
        background-size: auto auto;
    background-size: 100% 100%;
}
.woman_size .wopro_re{
	position: relative;
	margin-top: 100px;
	padding-left: 260px; 
}
.woman_size .wopro_title{
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.woman_size .wopro_title h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.woman_size .wopro_title h2{
	font-size: 24px;
	color: #848484;
	line-height: 1.5;
	font-family: "Palatino Linotype";
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.woman_size .wo_pro .wopro_box{
	width: 33.33%;
	padding: 0 17px;
	overflow: hidden;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.woman_size .wo_pro .wopro_box:nth-child(1){
	animation-delay: 0.2s; 
}
.woman_size .wo_pro .wopro_box:nth-child(2){
	animation-delay: 0.3s; 
}
.woman_size .wo_pro .wopro_box:nth-child(3){
	animation-delay: 0.4s; 
}
.woman_size .wo_pro .wopro_box .wopro_nei{
	position: relative;
}
.woman_size .wo_pro .wopro_box .wopro_img{
	width: 100%;
}
.woman_size .wo_pro .wopro_box .wopro_img img{
	width: 100%;
}
.woman_size .wo_pro .wopro_box .wopro_tit{
	position: absolute;
	left: 0px;
	bottom: 25px;
	z-index: 1;
	width: 100%;
	text-align: center;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.woman_size .wo_pro .wopro_box .wopro_tit h5{
	font-size: 18px;
	color: #333333;
}
.woman_size .wo_pro .wopro_box .wopro_txt{
	position: absolute;
	top: -100%;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 100px 50px 0;
	background-color: rgba(255,255,255,.77);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.woman_size .wo_pro .wopro_box .wopro_txt h5{
	margin-bottom: 40px;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.woman_size .wo_pro .wopro_box .wopro_txt p{
	font-size: 14px;
	color: #8c8c8c;
	line-height: 2;
	text-align: justify;
	letter-spacing: 2px;
}
.woman_size .wo_pro .wopro_box:hover .wopro_txt{
	top: 0px;
}
.woman_size .wo_pro .wopro_box:hover .wopro_tit{
	opacity: 0;
}
.wohai_title{
	padding: 90px 0 65px;
	text-align: right;
}
.wohai_title h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.wohai_title h2{
	font-size: 24px;
	color: #333333;
	line-height: 1.5;
	color: #848484;
	font-family: "Palatino Linotype";
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.wohai_con{
	margin: 0 -15px;
}
.wohai_con .wohai_box{
	position: relative;
	width: 33.33%;
	padding: 0 15px;
	margin: 15px 0;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.wohai_con .wohai_box:nth-child(1){
	animation-delay: 0.2s; 
}
.wohai_con .wohai_box:nth-child(2){
	animation-delay: 0.3s; 
}
.wohai_con .wohai_box:nth-child(3){
	animation-delay: 0.4s; 
}
.wohai_con .wohai_box:nth-child(4){
	animation-delay: 0.5s; 
}
.wohai_con .wohai_box:nth-child(5){
	animation-delay: 0.6s; 
}
.wohai_con .wohai_box:nth-child(6){
	animation-delay: 0.7s; 
}
.wohai_con .wohai_box:nth-child(7){
	animation-delay: 0.8s; 
}
.wohai_con .wohai_box:nth-child(8){
	animation-delay: 0.9s; 
}
.wohai_con .wohai_box:nth-child(9){
	animation-delay: 1s; 
}
.wohai_con .wohai_box .wohai_img{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.wohai_con .wohai_box .wohai_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.wohai_con .wohai_box .wohai_img:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.wohai_con .wohai_box .wohai_txt{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 55px;
	text-align: center;
	border-top: 1px solid #a48b77;
	background-color: rgba(255,255,255,.66);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.wohai_con .wohai_box .wohai_txt p{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.wohai_con .wohai_box:hover .wohai_txt{
	height: 100%;
	border-top: 0px solid #a48b77;
}
.wohai_con .wohai_box:hover .wohai_txt p{
	font-size: 24px;
}
.woman_annel{
	margin-top: -100px;
	padding-top: 100px;
	background: url("../images/wobg_02.jpg") no-repeat;
}
.woman_annel .woan_tit{
	padding: 105px 0;
	text-align: center;
}
.woman_annel .woan_tit img{
	width: 380px;
}
.woan_nav{
	margin-bottom: 70px;
}
.woan_nav li{
	position: relative;
	float: left;
	padding: 0 25px;
}
.woan_nav li:after{
	content: '';
	position: absolute;
	left:50%;
	bottom: -10px;
	width: 0px;
	height: 1px;
	background-color: #ffffff;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.woan_nav li.act:after{
	width: 90px;
}
.woan_nav li:hover:after{
	width: 90px;
}
.woan_nav li a{
	font-size: 20px;
	color: #ffffff;
	line-height: 1.5;
}
.woan_slike .woan_slide{
	width: 33.33%;
}
.woan_slike .woan_slide .woan_box{
	width: 100%;
	overflow: hidden;
}
.woan_slike .woan_slide .woan_box img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.woan_slike .woan_slide .woan_box:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.woan_slike .woan_slide:nth-child(even){
	padding-top: 195px;
}
.woan_slike{
	padding-bottom: 75px;
}
.woan_con .slick-dots li.slick-active {
    background-color: #f3e8ea;
    border:0px;
}
.woan_con .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 20px;
    border: 1px solid #cfcfcf;
    background-color: transparent;
}
.wocas_title{
	padding: 110px 0 65px;
}
.wocas_title h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
}
.wocas_title h2{
	font-size: 24px;
	color: #848484;
	line-height: 1.5;
	text-transform: uppercase;
	font-family: "Palatino Linotype";
}
.woman_case{
	padding-bottom: 100px;
}
.woman_recommend{
	padding-bottom: 50px;
	background:url("../images/wobg_04.jpg") no-repeat;
}
.woman_recommend .worec_title{
	padding: 55px 0 20px 60px;
}
.woman_recommend .worec_title h5{
	position: relative;
	font-size: 22px;
	color: #f2f2f2;
	line-height: 1.5;
}
.woman_recommend .worec_title h5:after{
	content: '';
	position: absolute;
	top: 50%;
	left: -55px;
	width: 50px;
	height: 1px;
	background-color: #dbdbdb;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.worec_box{
	position: relative;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.worec_box:nth-child(2){
	animation-delay: 0.3s; 
}
.worec_img{
	overflow: hidden;
}
.worec_img img{
	max-width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
} 
@media screen and (min-width:767px){
	.worec_box:hover .worec_img img{
		transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
}
.worec_box .worec_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.worec_box .worec_txt h1{
	margin-bottom: 15px;
	font-size: 24px;
	color: #ffffff;
	line-height: 1.5;
}
.worec_box .worec_txt p{
	margin-bottom: 15px;
	font-size:14px;
	color: #ffffff;
	line-height: 1.5;
	text-transform: uppercase;
	font-family: "Palatino Linotype";
}
.worec_box .worec_txt button{
	padding: 7px 12px;
	background-color: #4a4848;
	color: #c6c6c6;
	font-size: 12px;
	border-radius: 16px;
}
.man_ban{
	padding: 15px 0;
	background-color: #281c02;
}
.man_ban .maban_con{
	padding: 0 65px;
}
.man_banbox{
	position: relative;
	width: 33.33%;
	padding-left: 55px;
}
.man_banbox .maban_h1{
	padding-right: 15px;
	width: 115px;
}
.man_banbox .maban_h1 h1{
	font-size: 20px;
	color: #feef00;
	line-height: 60px;
}
.man_banbox .maban_ul{
	width: calc(100% - 115px);
}
.man_banbox .maban_ul li{
	float: left;
	padding: 5px 10px 5px 0;
}
.man_banbox .maban_ul li a{
	font-size: 14px;
	color: #ffffff;
	line-height: 1.5;
}
.man_banbox .maban_ul li a:hover{
	color: #feef00;
}
.man_banbox:after{
	content: '';
	position: absolute;
	top: -15px;
	right: 0px;
	width: 7px;
	height: 90px;
	background:url("../images/line_03.jpg") no-repeat;
}
.manp_title{
	padding: 90px 0 80px;
	text-align: right;
}
.manp_title h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.manp_title h2{
	font-size: 24px;
	color: #848484;
	line-height: 1.5;
	font-family: "Palatino Linotype";
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.manp_con{
	margin: 0 -15px 60px;
}
.manp_con .manp_box{
	width: 50%;
	margin-bottom: 30px;
	padding: 0 15px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.manp_con .manp_box:nth-child(1){
	animation-delay: 0.2s;
}
.manp_con .manp_box:nth-child(2){
	animation-delay: 0.3s;
}
.manp_con .manp_box:nth-child(3){
	animation-delay: 0.4s;
}
.manp_con .manp_box:nth-child(4){
	animation-delay: 0.5s;
}
.manp_con .manp_box .manp_bb{
	background-color: #fafafa;
}
.manp_con .manp_box .manp_bb .manp_txt{
	width: 50%;
	padding: 15px 40px 0 30px;
}
.manp_con .manp_box .manp_bb .manp_txt h1{
	padding: 25px 0;
	font-size: 18px;
	color: #333333;
	line-height: 1.5;
	font-weight: bold;
}
.manp_con .manp_box .manp_bb .manp_txt:hover h1{
	color: #a48b77;
}
.manp_con .manp_box .manp_bb .manp_txt p{
	margin-bottom: 20px;
	font-size: 14px;
	color: #666666;
	line-height: 1.5;
}
.manp_con .manp_box .manp_bb .manp_img{
	width: 50%;
	overflow: hidden;
}
.manp_con .manp_box .manp_bb .manp_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.manp_con .manp_box .manp_bb .manp_img:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.man_annel{
	background: url("../images/manbg_02.jpg") no-repeat;
}
.man_annel .manan_title{
	padding: 80px 0 0;
	text-align: center;
}
.man_annel .manan_title h6{
	padding: 20px 0;
	font-size: 24px;
	color: #666666;
	line-height: 1.5;
}
.manan_con{
	margin: 0 -13px;
}
.manan_con .manan_box{
	position: relative;
	width: 33.33%;
	margin-top: 70px;
	padding: 0 13px 45px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
	cursor: pointer;
}
.manan_con .manan_box:nth-child(1){
	animation-delay: 0.2s; 
}
.manan_con .manan_box:nth-child(2){
	animation-delay: 0.3s; 
}
.manan_con .manan_box:nth-child(3){
	animation-delay: 0.4s; 
}
.manan_con .manan_box:nth-child(4){
	animation-delay: 0.5s; 
}
.manan_con .manan_box:nth-child(5){
	animation-delay: 0.6s; 
}
.manan_con .manan_box:nth-child(6){
	animation-delay: 0.7s; 
}
.manan_con .manan_nei .manan_bi{
	width: 100%;
	overflow: hidden;
}
.manan_con .manan_nei .manan_bi img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.manan_con .manan_nei .manan_bi:hover img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.manan_con .manan_nei .manan_si{
	position: absolute;
	right: 50px;
	bottom: 0px;
	width: 150px;
	overflow: hidden;
}
.manan_con .manan_nei .manan_si img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.manan_con .manan_nei:hover .manan_si img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.manan_con .manan_nei .manan_add{
	position: absolute;
	left: 35px;
	bottom: 5px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.manan_con .manan_nei:hover .manan_add{
	transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.hair_tit{
	padding: 110px 0 70px;
	text-align: left;
}
.hair_tit h1{
	font-size: 48px;
	color: #333333;
	line-height: 1.5;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.hair_tit h2{
	font-size: 24px;
	color: #848484;
	line-height:1.5;
	font-family: "Palatino Linotype";
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.hair_mess p{
	font-size: 18px;
	color: #9e8b85;
	line-height: 1.5;
	letter-spacing: 2px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.hair_all{
	position: relative;
	padding: 100px 0;
	text-align: center;
}
.hair_all:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0px;
	width: 435px;
	height: 1px;
	background-color: #9e8b85;
}
.hair_all:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	width: 435px;
	height: 1px;
	background-color: #9e8b85;
}
.hair_all h6{
	font-size: 24px;
	color: #333333;
}
.hair_list{
	margin: 0 -15px;
}
.hair_list .hair_nei{
	width: 33.33%;
	margin-bottom: 30px;
	padding: 0 15px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.hair_list .hair_nei:nth-child(1){
	animation-delay: 0.2s; 
}
.hair_list .hair_nei:nth-child(2){
	animation-delay: 0.3s; 
}
.hair_list .hair_nei:nth-child(3){
	animation-delay: 0.4s; 
}
.hair_list .hair_nei:nth-child(4){
	animation-delay: 0.5s; 
}
.hair_list .hair_nei:nth-child(5){
	animation-delay: 0.6s; 
}
.hair_list .hair_nei:nth-child(6){
	animation-delay: 0.7s; 
}
.hair_list .hair_nei .hair_box{
	position: relative;
	width: 100%;
}
.hair_list .hair_nei .hair_box .hair_img{
	width: 100%;
	overflow: hidden;
}
.hair_list .hair_nei .hair_box .hair_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.hair_list .hair_nei .hair_box:hover .hair_img img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.hair_list .hair_nei .hair_box .hair_txt{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 15px 35px;
	background: rgba(158,139,133,.66);
}
.hair_list .hair_nei .hair_box .hair_txt h6{
	font-size: 20px;
	color: #ffffff;
	padding-bottom: 10px;
}
.hair_list .hair_nei .hair_box .hair_txt p{
	font-size: 14px;
	color: #ffffff;
	line-height: 1.5;
}
.hair_con{
	padding-bottom: 80px;
}
.banner1 .ban_btn{
	position: absolute;
	left: 50%;
	bottom: 35px;
	width: 100%;
	text-align: center;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.banner1 .ban_btn:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 1px;
	background-color: #ffffff;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.banner1 .ban_btn .banb_box{
	display: inline-block;
	margin:0 33px;
}
.banner1 .ban_btn .banb_box button{
	position: relative;
	padding: 13px 54px;
	font-size: 16px;
	color: #ffffff;
	border: 1px solid #ffffff;
}
.banner1 .ban_btn .banb_box.act button{
	background-color: #000;
	border: 0px;
}
.banner1 .ban_btn .banb_box.act button:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 1px;
	background-color: #808080;
	transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.rel_con{
	padding-top: 100px;
}
.tc{
	text-align: center;
}
.nei_title h1{
    font-size: 30px;
}
.nei_title h2{
	font-size: 24px;
	color: #848484;
	line-height: 1.5;
	font-family: "Palatino Linotype";
}
.real_box{
	padding: 90px 185px 0;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.real_box .real_img{
	position: relative;
	width: 53.7%;
	padding-top: 80px;
	padding-left: 155px;
}
.real_box .real_img .real_bimg{
	width: 100%;
	overflow: hidden;
}
.real_box .real_img .real_bimg img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.real_box .real_img .real_simg{
	position: absolute;
	left: 0px;
	bottom: -25px;
	width: 190px;
	overflow: hidden;
}
.real_box .real_img .real_simg img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.real_box .real_img:hover .real_bimg img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.real_box .real_img:hover .real_simg img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.real_box .real_txt{
	position: relative;
	width: 46.3%;
	padding: 0 50px 85px;
}
.real_box .real_txt h1{
	font-size: 42px;
	color: #333333;
	line-height: 1.5;
	font-family: "Palatino Linotype";
}
.real_box .real_txt h1 span{
	font-weight: bold;
}
.real_box .real_txt h6{
	padding: 30px 0;
	font-size: 16px;
	color: #333333;
	line-height: 1.5;
}
.real_box .real_txt p{
	font-size: 12px;
	color: #666666;
	line-height: 2;
	letter-spacing: 2px;
}
.real_box .real_txt p img{
	margin-left: 15px;
}
.real_box .real_txt:after{
	content: '';
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 150px;
	height: 205px;
	background: url("../images/border.png") no-repeat;
	background-size: 100% 100%;
}
.real_box .real_txt.fl:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 150px;
	height: 205px;
	background: url("../images/borfl.png") no-repeat;
	background-size: 100% 100%;
}
.fenye{
	padding: 50px 0 60px 0;
	text-align: center;
}
.fenye li{
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 0 5px;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	color: #333333;
	border: 1px solid #ffffff;
}
.fenye li.activepage{
	border: 1px solid #c3b4af;
	color: #c3b4af;
}
.fenye li:hover{
	border: 1px solid #c3b4af;
	color: #c3b4af;
}
.fenyeph{
	display: none;
	padding: 30px 0;
}
.fenyeph .lp{
	float: left;
}
.fenyeph .rp{
	float: right;
}
.fenyeph button{
	width: 80px;
	height: 40px;
	border: 1px solid #c3b4af;
	color: #c3b4af;
	font-size: 16px;
}
.rel_page{
	padding: 0 100px;
}
.rel_page .relp_title{
	padding: 55px 0 20px 0;
	text-align: center;
}
.rel_page .relp_title h6{
	font-size: 24px;
	color: #333333;
}
.rel_page p{
	margin-top: 30px;
	font-size: 14px;
	color: #666666;
	line-height: 2;
}
.rel_page img{
	max-width: 100%;
	margin-top: 30px;
}
.page_share .bdshare-button-style0-16 a, 
.page_share .bdshare-button-style0-16 .bds_more{
	float: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 20px;
	background-position: 0 0px;
	background-size: 100% 100%;
}
.page_share .bdshare-button-style0-16 .bds_tsina {
	background-image: url("../images/weibo.png");
}
.page_share .bdshare-button-style0-16 .bds_weixin{
	background-image: url("../images/weixin.png");
}
.page_share .bdshare-button-style0-16 .bds_more {
	background-image: url("../images/more.png");
}
.page_share{
	padding: 35px 0;
	text-align: center;
}
.user_con{
	padding-top: 100px;
}
.user_nei{
	padding: 0 100px;
}
.user_nei .user_box{
	margin-top: 105px;
	background-color: #f8f8f8;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.user_nei .user_box:hover{
	background-color: #c3b4af;
}
.user_nei .user_box:nth-child(1){
	margin-top: 70px;
}
.user_nei .user_box .user_img{
	width: 140px;
}
.user_nei .user_box .user_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.user_nei .user_box .user_txt{
	width: calc(100% - 140px);
}
.user_nei .user_box .user_txt h6{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.user_nei .user_box .user_txt h6:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 75px;
	height: 1px;
	background-color: #dbdbdb;
}
.user_nei .user_box .user_txt p{
	font-size: 16px;
	color: #333333;
	line-height: 2;
	overflow: hidden;
	height: 64px;
	cursor: pointer;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.user_nei .user_box .user_txt p.act{
	height: auto;
}
.user_nei .user_box .user_txt img{
	margin-top: 5px;
	cursor: pointer;
}
.user_nei .user_box .user_txt img.act{
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.user_nei .user_box.userfl .user_img img{
	transform: translate(-35px,-10px);
	-o-transform: translate(-35px,-10px);
	-ms-transform: translate(-35px,-10px);
	-moz-transform: translate(-35px,-10px);
	-webkit-transform: translate(-35px,-10px);
}
.user_nei .user_box.userfl .user_txt{
	padding: 30px 25px 40px 0;
}
.user_nei .user_box.userfl{
	margin-right: -35px;
}
.user_nei .user_box.userfr .user_img img{
	transform: translate(35px,-10px);
	-o-transform: translate(35px,-10px);
	-ms-transform: translate(35px,-10px);
	-moz-transform: translate(35px,-10px);
	-webkit-transform: translate(35px,-10px);
}
.user_nei .user_box.userfr .user_txt{
	padding: 30px 0px 40px 35px;
}
.user_nei .user_box.userfr{
	margin-left: -35px;
}
.user_nei .user_box:hover .user_txt h6{
	color: #ffffff;
}
.user_nei .user_box:hover .user_txt h6:after{
	background-color: #ffffff;
}
.user_nei .user_box:hover .user_txt p{
	color: #ffffff;
}
.user_nei .user_box:hover .user_txt .img_s{
	display: none;
}
.user_nei .user_box:hover .user_txt .img_d{
	display: inline-block;
}
.news_con{
	padding-top: 50px;
}
.news_nei{
	padding-top: 40px;
}
.news_nei .news_box{
	padding: 20px 0;
	border-bottom: 1px solid #ebebeb;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.news_nei .news_box .news_img{
	width: 190px;
	overflow: hidden;
}
.news_nei .news_box .news_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.news_nei .news_box:hover .news_img img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.news_nei .news_box .news_txt{
	position: relative;
	width: calc(100% - 190px);
	padding: 20px 230px 0 50px;
}
.news_nei .news_box .news_txt1{
	position: relative;
	width: calc(100%);
	padding: 20px 230px 0 50px;
}
.news_nei .news_box .news_txt1 h1{
	padding-bottom: 15px;
	font-size: 18px;
	color: #333333;
	line-height: 1.5;
}
.news_nei .news_box .news_txt1 p{
	font-size: 14px;
	color: #666666;
	line-height: 2;
}
.news_nei .news_box .news_txt1 .time{
	position: absolute;
	top: 20px;
	right: 15px;
}
.news_nei .news_box .news_txt1 .time span{
	font-size: 18px;
	color: #666666;
}
.news_nei .news_box .news_txt1 .news_arrow{
	position: absolute;
	top: 80px;
	right: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.news_nei .news_box:hover .news_txt1 .news_arrow{
	background-color: #c3b4af;
}
.news_nei .news_box:hover .news_txt1 .news_arrow .img_s{
	display: none;
}
.news_nei .news_box:hover .news_txt1 .news_arrow .img_d{
	display: inline-block;
}



.news_nei .news_box .news_txt h1{
	padding-bottom: 15px;
	font-size: 18px;
	color: #333333;
	line-height: 1.5;
}
.news_nei .news_box .news_txt p{
	font-size: 14px;
	color: #666666;
	line-height: 2;
}
.news_nei .news_box .news_txt .time{
	position: absolute;
	top: 20px;
	right: 15px;
}
.news_nei .news_box .news_txt .time span{
	font-size: 18px;
	color: #666666;
}
.news_nei .news_box .news_txt .news_arrow{
	position: absolute;
	top: 80px;
	right: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.news_nei .news_box:hover .news_txt .news_arrow{
	background-color: #c3b4af;
}
.news_nei .news_box:hover .news_txt .news_arrow .img_s{
	display: none;
}
.news_nei .news_box:hover .news_txt .news_arrow .img_d{
	display: inline-block;
}
.news_page{
	padding: 0 100px;
}
.news_page .newp_title{
	padding: 60px 0;
	text-align: center;
}
.news_page .newp_title h1{
	font-size: 24px;
	color: #333333;
	line-height: 1.5;
}
.news_page .new_mess{
	padding: 20px 0;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}
.news_page .new_mess .neme_box{
	display: inline-block;
	margin-right: 40px;
	font-size: 14px;
	color: #999999;
}
.news_page .new_mess .neme_box:hover{
	color: #a48b77;
}
.news_page .new_mess .neme_box img{
	width: 20px;
	margin-right: 10px;
}
.np_txt p{
	margin-top: 35px;
	font-size: 14px;
	color: #666666;
	line-height: 2;
}
.np_txt img{
	max-width: 100%;
	margin-top: 65px;
}
.newsp_change .newch_fl{
	width: 50%;
	padding: 30px 55px;
	background-color: #f8f8f8;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.newsp_change .newch_fl img{
	margin: 0 85px;
}
.newsp_change .newch_fl span{
	font-size: 18px;
	color: #666666;
	line-height: 2;
}
.newsp_change .newch_fl.fl{
	text-align: right;
}
.newsp_change .newch_fl.fr{
	text-align: left;
}
.newsp_change .newch_fl:hover{
	background-color: #c3b4af;
}
.newsp_change .newch_fl:hover span{
	color: #ffffff;
}
.newsp_change .newch_fl:hover .img_s{
	display: none;
}
.newsp_change .newch_fl:hover .img_d{
	display: inline-block;
}
.ques_con .nei_title{
	padding: 95px 0 55px;
}
.ques_box{
	margin-top: 15px;
	padding: 0 40px;
	background-color: #ebebeb;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.ques_top{
	position: relative;
	padding: 13px 0 13px 40px;
	cursor: pointer;
}
.ques_top .ques_img{
	position: absolute;
	top: 13px;
	left: 0px;
	display: inline-block;
	margin-right: 20px;
}
.ques_top span{
	font-size: 16px;
	color: #333333;
	line-height: 2;
	display: inline-block;
	width: calc(100% - 25px);
}
.ques_top .ques_open{
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.ques_bottom{
	display: none;
	padding: 20px 55px 20px;
	font-size: 14px;
	color: #ffffff;
	line-height: 2;
	font-family: '宋体';
}
.ques_box.act{
	background-color: #c3b4af;
}
.ques_box.act .ques_top{
	border-bottom: 1px solid #ffffff;
}
.ques_box.act .ques_top .ques_img .img_s{
	display: none;
}
.ques_box.act .ques_top .ques_img .img_d{
	display: inline-block;
}
.ques_box.act .ques_top .ques_open .img_s{
	display: none;
}
.ques_box.act .ques_top .ques_open .img_d{
	display: inline-block;
}
.ques_box.act .ques_top span{
	color: #ffffff;
}
.con_map{
	position: relative;
	width: 100%;
	height: 645px;
	margin-top: 175px;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.con_map .map{
	width: 100%;
	height: 100%;
}
.con_map .con_mess{
	position: absolute;
	left: 0px;
	bottom: 50px;
	width: 100%;
}
.con_map .con_mess .con_box{
	width: 25%;
	padding: 30px 0;
	text-align: center;
	background-color: #ffffff;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.con_map .con_mess .con_box .con_img{
	display: inline-block;
	width: 40px;
	margin-right: 20px;
}
.con_map .con_mess .con_box .con_img img{
	width: 100%;
	margin-top: -30px;
}
.con_map .con_mess .con_box .con_txt{
	display: inline-block;
	text-align: left;
}
.con_map .con_mess .con_box .con_txt h1{
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1.5;
	color: #333333;
}
.con_map .con_mess .con_box .con_txt p{
	font-size: 16px;
	line-height: 1.5;
	color: #666666;
}
.con_map .con_mess .con_box .con_txt p img{
	margin-right: 10px;
}
.con_map .con_mess .con_box:hover{
	background-color: #c3b4af;
}
.con_map .con_mess .con_box:hover .con_img .img_s{
	display: none;
}
.con_map .con_mess .con_box:hover .con_img .img_d{
	display: block;
}
.con_map .con_mess .con_box:hover .con_txt h1{
	color: #ffffff;
}
.con_map .con_mess .con_box:hover .con_txt p{
	color: #ffffff;
}
.con_map .con_mess .con_box:hover .con_txt p .img_s{
	display: none;
}
.con_map .con_mess .con_box:hover .con_txt p .img_d{
	display: inline-block;
}
.con_top{
	padding: 50px 0 0px;
}
.con_top li{
	float: left;
	width: 25%;
	padding:20px 0;
	text-align: center; 
	background-color: #f8f8f8;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.con_top li a{
	position: relative;
	font-size: 16px;
	color: #333333;
}
.con_top li:hover{
	background-color: #c3b4af;
}
.con_top li:hover a{
	color: #ffffff;
}
.con_top li:hover a:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85px;
	height: 1px;
	background-color: #ffffff;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.store_box{
	margin-top: 15px;
	padding: 60px 74px;
	background-color: #f8f8f8;
}
.store_txt{
	width: 50%;
	padding-right: 80px;
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.store_txt h1{
	padding-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.store_txt li img{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 20px;
	margin-right: 10px;
}
.store_txt li{
	position: relative;
	padding: 7px 0 7px 30px;
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
}
.store_txt li span{
	color: #a48b77;
	font-size: 14px;
	font-weight: bold;
}
.store_img{
	width: 50%;
	overflow: hidden;
	animation-delay: 0.4s; 
	visibility: visible; 
	animation-name: fadeInUp;
}
.store_img img{
	width: 100%;
	transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}
.store_box:hover .store_img img{
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.store_btn{
	margin-top: 60px;
}
.store_btn .stob_con{
	display: inline-block;
	padding: 10px 45px;
	background-color: #ffffff;
}
.store_btn .stob_con a{
	font-size: 14px;
	color: #666666;
}
.store_btn .stob_con a.ph_show{
	display: none;
}
.store_btn .stob_con:hover{
	background-color: #c3b4af;
}
.store_btn .stob_con:hover a{
	color: #ffffff;
}
.con_mess .slick-prev {
    left: 20px;
    z-index: 1;
    width: 29px;
    height: 52px;
    background: url("../images/prev.png");
    background-size: 100% 100%;
}
.con_mess .slick-next {
    right: 20px;
    width: 29px;
    height: 52px;
    background: url("../images/next.png");
    background-size: 100% 100%;
}
/* .donghua{
	animation:donghua 1000ms ease 1 forwards;
	-webkit-animation:donghua 1000ms ease 1 forwards;
} 
.donghua:nth-child(1){
	animation-delay: 0.1s;
}
.donghua:nth-child(2){
	animation-delay: 0.2s;
}	
.donghua:nth-child(3){
	animation-delay: 0.3s;
}
.donghua:nth-child(4){
	animation-delay: 0.4s;
}
@keyframes donghua
{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
} 
@-webkit-keyframes
{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.incase_slide{
	opacity: 0;
}
.incase_slide.slick-active{
	opacity: 1;
} */
.incase_slick {
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
	animation-duration: 1.5s;
}
.inpro_con{
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
	animation-duration: 1.5s;
}

.donghua{
	animation:donghua 1000ms ease 1 forwards;
	-webkit-animation:donghua 1000ms ease 1 forwards;
} 
.donghua:nth-child(1){
	animation-delay: 0.1s;
}
.donghua:nth-child(2){
	animation-delay: 0.2s;
}	
.donghua:nth-child(3){
	animation-delay: 0.3s;
}
.donghua:nth-child(4){
	animation-delay: 0.4s;
}
@keyframes donghua
{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
} 
@-webkit-keyframes
{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.inadv_con .inadv_box {
	opacity: 0;
}
.innew_con{
	animation-delay: 0.2s; 
	visibility: visible; 
	animation-name: fadeInUp;
	animation-duration: 1.5s;
}
footer{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
}
.fbt{
	position: relative;
	z-index: 5;
	background-color: #ffffff;
}
.woan_con{
	display: none;
}
.man_block{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.man_block .man_tan{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	padding: 115px 115px 110px 175px;
	background-color: #fff;
}
.man_block .man_tan .mann_fl{
	position: absolute;
	top: 50%;
	left: 35px;
	width:105px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.man_block .man_tan .mann_fl .mann_nei{
	width: 100%;
	height: 107px;
	margin: 5px 0;
	overflow: hidden;
	cursor: pointer;
}
.man_block .man_tan .mann_fl img{
	width: 100%;
}
.man_block .man_tan .mann_fr{
	position: absolute;
	right: 30px;
	bottom: 140px;
}
.man_block .man_tan .mann_title{
	position: absolute;
	top: 165px;
	right: 50px;
}
.man_block .man_tan .mann_title img{
	width: 150px;
}
.man_block .man_tan .mann_close{
	position: absolute;
	top: 40px;
	right: 40px;
	cursor: pointer;
}
.mann_center{
	width: 383px;
}
body{
	overflow: hidden;
}