* {
	padding:0; margin:0; box-sizing:border-box;
}
body {
	position:relative; font-size:14px; font-family:Microsoft Yahei;
}
img {
	border:none; vertical-align:top;
}
svg {
	vertical-align:top;
}
a:link {
	text-decoration:none; color:#333;
}
a:hover {
	text-decoration:none; color:#333;
}
a:active {
	text-decoration:none; color:#333;
}
a:visited {
	text-decoration:none; color:#333;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
@font-face {
	font-family: 'mcf';
	src: url('../fonts/cw.ttf');
}
@font-face {
	font-family: 'mcf2';
	src: url('../fonts/geo.ttf');
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.wrapper {
	max-width:88%;
	margin:0 auto;
	position:relative;
}
.wrapper-95 {
	max-width:95%;
	margin:0 auto;
	position:relative;
}
.flex {
	display:flex;
}
.align-center {
	align-items:center;
}
.space-between {
	justify-content:space-between;
}
.row-wrap {
	flex-flow:row wrap;
}
.full-img {
	width:100%;
	height:100%;
}
.full-x-img {
	width:100%;
	height:auto;
}
.pd-no-top {
	padding-top:0!important;
}
.pd-no-bottom {
	padding-bottom:0!important;
}
.pd-no-xy {
	padding-left:0!important;
	padding-right:0!important;
}
.pd-10 {
	padding:10px;
}
.pd-15 {
	padding:15px;
}
.pd-20 {
	padding:20px;
}
.pd-25 {
	padding:25px;
}
.pd-30 {
	padding:30px;
}
.pd-35 {
	padding:35px;
}
.pd-top-10 {
	padding-top:10px;
}
.pd-top-15 {
	padding-top:15px;
}
.pd-top-40 {
	padding-top:40px;
}
.pd-top-50 {
	padding-top:50px;
}
.pd-bot-50 {
	padding-bottom:50px;
}
.mar-l-10 {
	margin-left:10px;
}
.mar-l-15 {
	margin-left:15px;
}
.mar-l-20 {
	margin-left:20px;
}
.mar-bot-30 {
	margin-bottom:30px;
}
.txt-cen {
	text-align:center;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.header {
	background:#000;
	position:fixed;
	left:0;
	top:0;
	width:100%; z-index:39; padding:15px 0; font-family:mcf;
}
.header .searcher {
	right:0;
	top:68px;
	z-index:3; position:absolute; padding:10px; background:rgba(0,0,0,0.55); display:none;
}
.header .searcher input {
	padding:10px; font-size:15px;
}
.header .wrapper-95 {
	min-height:38px;
}
.header .logo {
	position:absolute;
	width:140px;
	height:auto;
	left:50%;
	top:0;
	transform:translateX(-50%); 
}
.header .logo img {
	width:100%;
}
.header .leftee img,
.header .rightee img {
	height:14px; cursor:pointer;
}
.hide-menu {
	position:fixed; z-index:9; left:-20vw; top:0; width:20vw; height:100vh; background:rgba(0,0,0,0.75); transition:left 0.4s; font-family:mcf;
}
.hide-menu.on {
	left:0;
}
.hide-menu ul {
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	justify-content:center;
}
.hide-menu ul li {
	width:100%;
}
.hide-menu ul li a {
	display:block; color:#b29280; padding:30px; font-weight:bold; padding-left:60px; font-size:16px; position:relative;
}
.hide-menu ul li a::after {
	position:absolute; width:10px; height:50%; top:25%; left:-10px; transition:left 0.4s; background:#b29280; content:'';
}
.hide-menu ul li a:hover::after {
	left:0;
}
.hide-menu ul li a:hover {
	background:url(../img/cc-arrow-right.png) 90% center/30px 30px no-repeat;
}
.footer {
	background:#000; color:#b5917c; font-family:mcf;
	padding:50px 0;
}
.footer-logo {
	margin-right:5vw;
}
.footer-navi {
	margin-right:5vw;
}
.footer-navi .t1 {
	font-size:15px; padding-bottom:10px; text-transform:uppercase; font-weight:bold; font-family:mcf2;
}
.footer-navi .t2 a {
	display:block; padding:5px 0; text-transform:uppercase; font-size:14px; color:#b5917c; font-weight:bold;
}
.footer-contacts {
	max-width:33vw; font-weight:bold; font-size:16px;
}
.footer-contacts .c1 {
	font-weight:bold; font-family:mcf2;
	padding-bottom:10px;
}
.footer-contacts .c3 {
	font-size:30px;
}
.footer-icon {
	transform:scale(0.8);
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.banner {
	position:relative; height:100vh;
}
#home-banner {
	height:100%;
}
#home-banner .swiper-slide img {
	object-fit:cover;
}
.banner .groups {
	position:absolute; z-index:8;
	left:50%;
	bottom:0;
	transform:translateX(-50%); font-family:mcf;
}
.banner .groups .itm {
	width:15vw; text-align:center; padding:15px 0; font-weight:bold; font-size:18px; cursor:pointer;
}
.banner .groups .itm:nth-child(1) {
	background:#b29280; color:#000;
}
.banner .groups .itm:nth-child(2) {
	background:#60584f; color:#fff;
}
.banner .groups .itm:nth-child(3) {
	background:#000000; color:#b29280;
}
.slogan-1st {
	position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; font-family:mcf2; text-align:center;
}
.slogan-1st>div:nth-child(1) {
	font-size:60px; text-shadow:0 0 10px rgba(0,0,0,0.3);
}
.slogan-1st>div:nth-child(2) {
	font-size:25px; padding:10px 0; text-shadow:0 0 10px rgba(0,0,0,0.3);
}
.slogan-1st>div:nth-child(3) a {
	display:inline-block; padding:5px 15px; border-radius:100px; background:#b29280; color:#111; font-size:18px;
}
.slogan-1st .v-2 {
	font-family:mcf; font-weight:bold; font-size:20px!important; width:40vw; margin:0 auto; line-height:1.8; text-shadow:0 0 10px rgba(0,0,0,0.2);
}
.home-about {
	background:#eaeaea;
	padding:50px 0;
}
.wrap-home-about {
	width:1127px; height:823px; background:url(../img/h-2.jpg) center no-repeat;
	margin:0 auto;
	position:relative;
}
.wrap-home-about .leftee {
	width:40%;
}
.wrap-home-about .leftee .txts {
	line-height:2; padding-top:50px; font-family:mcf; font-size:16px; font-weight:bold;
}
.home-pro-zone {
	background:url(../img/h-3.jpg) center top no-repeat #60584f;
	padding:100px 0 80px 0;
}
.wrap-home-pro {
	width:90%; max-width:1400px; margin:0 auto; position:relative;
}
.wrap-home-pro hgroup {
	color:#fff; text-transform:uppercase; padding-bottom:50px; font-family:mcf2;
}
.wrap-home-pro hgroup h1 {
	font-weight:bold; font-size:38px;
}
.wrap-home-pro hgroup h2 {
	padding-top:10px; font-size:24px; font-family:mcf;
}
#home-pro-swiper .swiper-slide {
	padding-bottom:50px;
}
#home-pro-swiper .swiper-slide .pics {
	border-radius:15px 15px 0 0; overflow:hidden; display:block;
	position:relative;
	padding-bottom:100%;
}
#home-pro-swiper .swiper-slide .pics img {
	object-fit:cover;
	position:absolute;
	left:0;
	top:0;
}
#home-pro-swiper .swiper-slide .names {
	background:#c19a84;
	padding:10px 20px;
	font-weight:bold; font-size:16px; font-family:mcf2;
}
#home-pro-swiper .swiper-pagination-bullet-active {
	background:#c19a84;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.about-banner {
	background:url(../img/ab-1.jpg) center no-repeat #c09a83;
	min-height:90vh; height:90vh;
}
.wrap-about-banner {
	margin:0 auto;
	position:relative;
	width:90%;
	max-width:1366px;
	flex-direction:column;
	justify-content:center; height:100%;
}
.wrap-about-banner .leftee {
	width:50%; font-family:mcf;
}
.wrap-about-banner .leftee .e1 {
	font-weight:bold;
	font-size:30px; padding-bottom:30px; text-transform:uppercase; font-family:mcf2;
}
.wrap-about-banner .leftee .e2 {
	line-height:1.8; padding-bottom:30px; font-size:16px; font-weight:bold;
}
.wrap-about-banner .leftee .e4 {
	display:inline-block; padding:10px 30px; font-size:18px; background:#000; border-radius:100px; color:#c09a83; font-weight:bold;
}
.about-crap {
	padding:100px 0; font-family:mcf;
}
.about-crap .leftee {
	width:39.8%; font-family:mcf2;
}
.about-crap .leftee .u1 {
	font-weight:bold; font-size:25px; text-transform:uppercase;
}
.about-crap .leftee.has-bor {
	border-bottom:1px solid #eee;
}
.about-crap .rightee {
	width:57.5%;
}
.about-crap .rightee.has-bor {
	border-bottom:1px solid #eee;
}
.about-crap .rightee .u2 {
	line-height:2; color:#777; font-size:16px; font-weight:bold;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.contact-bg {
	background:url(../img/ct-1.jpg) center top no-repeat #c19a84; font-family:mcf2;
	padding:100px 0;
}
.contact-bg .wrapper {
	max-width:62vw;
}
.contact-tits {
	text-align:center; padding-top:100px;
}
.contact-tits h1 {
	font-weight:bold; font-size:40px; padding-bottom:10px; text-transform:uppercase;
}
.contact-tits h2 {
	text-transform:uppercase;
}
.contact-bars .itms {
	background:#000; width:31%; border-radius:15px; padding:15px; color:#c19a84;
}
.contact-bars .itms .d2 {
	font-weight:bold; font-size:20px; padding-top:5px;
}
.contact-location-icon img {
	width:50px;
}
.contact-location-txts {
	line-height:2; font-size:16px;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.pro-ban-wrap {
	padding-top:68px; position:relative;
}
.pro-cate-wrap {
	padding-top:100px; padding-bottom:100px;
}
.pro-cate-wrap .leftee {
	width:20%;
}
.pan-of-procate {
	background:#f1f1f1; border-radius:15px; padding:30px; margin-bottom:15px; font-family:mcf2;
}
.pan-of-procate h1 {
	color:#b39381; padding-bottom:10px;
}
.pan-of-procate a {
	padding:10px 0;
}
.pan-of-procate a .x1 {
	width:15px; height:15px; border-radius:100px; border:1px solid #555;
}
.pan-of-procate a:hover .x1,
.pan-of-procate a .x1.on {
	border-color:#b39381; background:#b39381;
}
.pan-of-procate a .x2 {
	margin-left:10px; text-transform:uppercase;
}
.pan-of-procate a:hover .x2,
.pan-of-procate a .x2.on {
	color:#b39381;
}
.pro-cate-wrap .rightee {
	width:78%; flex-flow:row wrap;
}
.pro-cate-wrap .rightee .itm {
	width:32%; margin-right:2%; margin-bottom:2%; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:15px 15px 0 0; font-family:mcf2;
}
.pro-cate-wrap .rightee .itm:nth-child(3n) {
	margin-right:0;
}
.pro-cate-wrap .rightee .itm .pics {
	overflow:hidden;
	position:relative; padding-bottom:80%; border-radius:15px 15px 0 0;
}
.pro-cate-wrap .rightee .itm .pics.roundss {
	border-radius:15px;
}
.pro-cate-wrap .rightee .itm .pics img {
	object-fit:cover; position:absolute; left:0; top:0;
}
.pro-cate-wrap .rightee .itm .names {
	padding:10px; text-align:center; color:#b39381; font-size:18px;
}
.pro-cate-wrap .rightee hgroup {
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	text-align:center;
	padding-bottom:20px;
	padding-top:35px;
	position:relative; font-family:mcf;
}
.pro-cate-wrap .rightee hgroup h1 {
	color:#c09a83; font-size:50px; position:absolute; left:50%; top:0; z-index:2; background:#fff; padding:0 10px; transform:translate(-50%,-50%); font-family:mcf2;
}
.pro-cate-wrap .rightee .itm2 {
	width:24%; margin-right:1.3333%; margin-bottom:2%; box-shadow:0 0 10px rgba(0,0,0,0.1); font-family:mcf2;
}
.pro-cate-wrap .rightee .itm2:nth-child(4n) {
	margin-right:0;
}
.pro-cate-wrap .rightee .itm2 .pics {
	overflow:hidden;
	position:relative; padding-bottom:100%;
}
.pro-cate-wrap .rightee .itm2 .pics img {
	object-fit:cover; position:absolute; left:0; top:0;
}
.pro-cate-wrap .rightee .itm2 .names {
	padding:10px; color:#b39381;
}
/*=========================================================================*/
/*=========================================================================*/
/*=========================================================================*/
.case-bg {
	background:url(../img/cs-bg.jpg) center top no-repeat #fafafa; overflow:hidden;
}
.case-bg .tt-1 {
	text-align:center; padding:170px 0 100px 0; font-family:mcf2;
}
.case-bg .tt-1 h1 {
	font-size:45px; text-transform:uppercase;
}
.case-bg .tt-1 h2 {
	font-size:18px; padding-top:10px; opacity:0.8; font-family:mcf; font-weight:bold;
}
.case-looper {
	padding-bottom:50px; max-width:78%;
}
.case-looper .itms {
	border-radius:10px; font-family:mcf2;
	/* padding:30px; */
	border-left:35px solid #c19a84;
	border-right:35px solid #c19a84;
	background:#fff;
	margin-bottom:40px;
}
.case-looper .itms .leftee {
	width:50%; padding:50px;
}
.case-looper .itms .leftee .tt2 {
	font-size:36px; text-transform:uppercase; 
}
.case-looper .itms .leftee .tt3 {
	font-size:18px; opacity:0.5; padding:20px 0 40px; line-height:1.6; font-family:mcf; font-weight:bold;
}
.case-looper .itms .leftee .tt4 {
	background:#c19a84; display:inline-block; padding:5px 15px; text-transform:uppercase; border-radius:100px; font-size:18px;
}
.case-looper .itms .rightee {
	width:50%; padding:50px;
}
.case-looper .itms .rightee .imgs {
	position:relative; padding-bottom:50%; overflow:hidden; border-radius:15px;
}
.case-looper .itms .rightee .imgs img {
	position:absolute; left:0; top:0; object-fit:cover;
}