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

.mapArea iframe{
    display:block;
}

#gmap_s{
	width: 100%;
	height: 600px;
}
.bannerBox .slick-list li{
	height:100vh;
	position:relative;
	background-size: cover;
}
.bannerBox img.mainPic{
	opacity: 0;
	position: relative;
	}


.mainArea{
	padding:0;}



.featureArea{
	position: relative;
	padding:70px 0 100px 0;
	background: url(../images/bg.jpg);
}

.featureArea .arrowdown{
	width:100px;
	height:30px;
	background: url(../images/downarrow.png);
	position: absolute;
	top:100%;
	left: 50%;
	transform: translateX(-50%);
}
.featureArea ul li{
	position: relative;
	
	float: left;
}
.featureArea ul li .item {
	position:relative;
	overflow: hidden;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.20);
}

.featureArea ul li .item:before{
	content: "";
	z-index: 15;
	display: block;
	position: absolute;
	top: -80px;
	left: -80px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #004537 transparent transparent transparent;
	transition: 0.9s;
}
.featureArea ul li:hover .item:before{
	top: 0;
	left: 0;
	transition: 0.9s;
}
.featureArea ul li .item:after{
	z-index: 20;
	color: #fff;
	content: "\f06e";
	font-family: fontAwesome;
	text-align: center;
	display: block;
	position: absolute;
	top: -80px;
	left: -80px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	transition: 0.9s;
}
.featureArea ul li:hover .item:after{
	transition: 0.9s;
	top: 0;
	left: 0;
}
.featureArea ul li .Txt{
background:#fff;
	padding: 30px 20px;
}
.featureArea ul li .Txt h3{
	font-size: 21px;
	color: #000;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}
.featureArea ul li .Txt h3 a{
	color: #000;
}
.featureArea ul li:hover .Txt h3 a{
	color: #c0b07f;
}
.featureArea ul li .Txt h3 a strong{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #c0b07f;
	margin-left: 10px;
	display: inline-block;
	font-weight: normal;
}
.featureArea ul li .Txt p{
	width: 100%;
	color: #555555;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	font-size: 13px;
	margin-bottom: 15px;
}
.featureArea ul li .Txt div.price{
	font-size: 13px;
	color: #888;
	font-family: 'Roboto', sans-serif;
}
.featureArea ul li .Txt div.price b{
	font-weight: normal;
	color: #c0b07f;
	font-size: 18px;
	padding:0 5px;
	display: inline-block;
}
.featureArea ul li .Img {
	overflow: hidden;
	position:relative;
	z-index: 1;
}
.featureArea ul li .Img a strong{
	transition:0.9s;
	position: absolute;
	color: #fff;
	text-align: center;
	top: 40px;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,35,36,0.80);
	z-index: 10;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";	
	font-size: 27px;
	font-weight: normal;
}
.featureArea ul li .Img a strong span{
	display: block;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.featureArea ul li:hover .Img a strong{
	transition:0.9s;
	top: 0px;
	opacity: 1;
}
.featureArea ul li .Img img{
	z-index: 5;
	width: 100%;
	display: block;
}








.linkArea{
	padding:100px 0;
	background:url(../images/blockbg.jpg);
}
.linkArea .wrap {
    width: 1540px;
    margin: 0 auto;
}
.linkArea .titleBox h2{
	color: #fff;
}
.linkArea .titleBox h2 strong{
	color: #fff;
}
.linkArea .titleBox .Txt{
	color:#fff;
}

.linkArea ul li{
	position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 0px;
    margin: 0;
    width:33.33%;
    float:left;

}
.linkArea ul li .Txt {
	position: absolute;
	z-index: 10;
	top: 20%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,35,36,0.80);
	transition: 0.9s;
	opacity: 0;
}
.linkArea ul li .item:before{
	content: "";
	z-index: 15;
	display: block;
	position: absolute;
	top: -80px;
	left: -80px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 80px 0 0;
	border-color: #004537 transparent transparent transparent;
	transition: 0.9s;
}
.linkArea ul li:hover .item:before{
	top: 0;
	left: 0;
	transition: 0.9s;
}
.linkArea ul li .item:after{
	z-index: 20;
	color: #fff;
	content: "\f06e";
	font-family: fontAwesome;
	text-align: center;
	display: block;
	position: absolute;
	top: -80px;
	left: -80px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	transition: 0.9s;
}
.linkArea ul li:hover .item:after{
	transition: 0.9s;
	top: 0;
	left: 0;
}
.linkArea ul li:hover .Txt{top: 0;
transition: 0.9s;
opacity: 1;}
.linkArea ul li .Txt a{
	letter-spacing: 8px;
	width: 70%;
	position:absolute;
	top: 50%;
	left: 15%;
	transform: translateY(-50%);
	display: block;
	color: #fff;
	text-align: center;
	font-size: 21px;
}
.linkArea ul li .Txt a strong{
	letter-spacing: 3px;
	font-size: 27px;
	font-weight: normal;
	padding: 15px 0;
	margin: 0 0 15px 0;
	display: block;
	border-bottom: 1px solid #837876;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";	
}
.linkArea ul li .Img {
	position:relative;
	z-index: 1;
}
.linkArea ul li .Img img{
	width: 100%;
	display: block;
}

@media (max-width:1560px){
	.linkArea .wrap {
    width: calc(100% - 40px);
    margin: 0 20px;
}
}

@media (max-width:1023px){
.bannerBox .slick-list li{
	height:auto;
}
.bannerBox img.mainPic{
	opacity: 1;
}
}


@media (max-width:900px){
    .linkArea ul li{
    width:50%;
        
    }
}

@media (max-width:640px){

    .linkArea ul li .Txt {
    	padding:30px 30px 50px 30px;
        position: relative;
        top: auto;
        left: auto;
    	margin: 0;
        width: calc(100% - 60px);
        height: auto;
        background-color: rgba(38,35,36,0.0);
        transition: 0.9s;
        opacity: 1;
    }
    .linkArea ul li .Txt a {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0%);
        display: block;
        text-align: center;
        font-size: 18px;
    }
	
}

@media (max-width:560px){
    .linkArea ul li{
        width:100%;
        display: block;
    }
}

@media (max-width:480px){
    .mapArea iframe{
        height:300px !important;
    }
}