@keyframes myfirst 
{
	0% {top: 40px;}
	12.5% {top: 30px;}
	25% {top:20px;}
	37.5% {top: 10px;}
	50% {top:0px;}
	62.5% {top:0;}
	75% {top:0; }
	87.5% {top:0; }
	100% {top:0;}
}
@keyframes circleRoates {
	from {
		transform: rotateZ(0deg);
	}

	to {
		transform: rotateZ(-360deg);
	}
}



.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,.s2_b .s2_list,.s3_b ul li h3,.s3_b ul li h4,.s3_b ul li p,
.s3_bc h3::before,.xwzxlist h3::before{
	transition: all .8s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1);
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: rgba(255,255,255,.33);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: rgba(255,255,255,.33);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: rgba(255,255,255,.33);
}


header{font-size: 0;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 99;width: 100%;}

header .divbox{font-size: 0;}


.logo{display: inline-block;vertical-align: middle;width: 15%;}
.logo a{display: inline-block;vertical-align: middle;position: relative;overflow: hidden;}
.logo img{max-width: 100%;display: inline-block;}
.logo img:first-of-type{width: 91px;
	animation: myfirst 3s linear;position: relative;
}

.nav{display: inline-block;vertical-align: middle;text-align: right;width: 63%;position: relative;}
.nav ul{font-size: 0;}
.nav ul li{display: inline-block;box-sizing: border-box;position: relative;}
.nav ul li a{font-size: 16px;color: #fff;display: inline-block;vertical-align: middle;line-height: 102px;padding: 0 20px;box-sizing: border-box;position: relative;}
.nav ul li:last-of-type a{padding-right: 80px;}
.nav ul li a:hover,.nav ul li.ac a{color: #c3996a;}
.navlist{position: absolute;width: 100%;top: 100%;left: 0;opacity: 0;text-align: left;height: 0;overflow: hidden;}
.navlist::before{
	position: absolute;
    left: -100vw;
    width: 300vw;
    height: 0;
    background: #fff;
    content: "";
	z-index: 9;
}
.navlist::after{
	position: absolute;
    top: -7.5px;
    left: 50%;
    z-index: 0;
    width: 0;
    height: 0;
    border-right: 7.5px solid transparent;
    border-bottom: 9px solid #fff;
    border-left: 7.5px solid transparent;
    transform: translateX(-50%);
    opacity: inherit;
    content: "";
	z-index: 9;
}
.navlist ol{font-size: 0;width: 400px;padding: 40px 0;position: relative;z-index: 99;}
.navlist ol li a{color: #6f6f6f;padding: 0 !important;line-height: 36px;font-size: 14px;}
.navlist ol li{display: inline-block;vertical-align: middle;width: 50%;}
.nav ul li:hover .navlist{opacity: 1;top: 100%;height: auto;overflow: initial;}
.nav ul li:hover .navlist::before{height: 200px;}

.navlist ol li a::before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background: #6f6f6f;margin-right: 10px;border-radius: 50%;}
.navlist ol li a:hover ::before{background: #c3996a;}

.hedoa{display: inline-block;vertical-align: middle;width: 17%;}
.hedoa ul li{display: inline-block;vertical-align: middle;margin-right: 18px;color: #fff;}
.hedoa ul li a span{display: inline-block;vertical-align: middle;}
/* .hedoa ul li:first-of-type a span{margin-right: 6px;} */
.hedoa ul li a{font-size: 16px;color: #fff;position: relative;}
.hedoa ul li a span{font-size: 20px;}
.hedoa ul li a:hover,.hedoa ul li a:hover span{color: #c3996a;}
.hedoa ul li a i{display: block;position: absolute;opacity: 0;width: 180px;left: 0;color: #fff !important;margin-top: 10px;font-size: 16px;letter-spacing: 2px;}
.hedoa ul li a:hover i{opacity: 1;}
.nav.ac{opacity: 0;}
.logo a:last-of-type{display: none;}


footer{position: relative;background: #3a3a3a;font-size: 0;padding: 80px 0 65px;}
.ftl,.ftr{display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.ftl{width: 61.8%;border-right: 1px solid rgba(255,255,255,.1);}
.ftr{width: 37.9%;padding-left: 9%;}
.ftl ul{font-size: 0;}
.ftl ul li{display: inline-block;vertical-align: top;box-sizing: border-box;position: relative;margin-right: 82px;}
.ftl ul li a{display: block;font-size: 14px;color: #9e9e9e;}
.ftl ul li a:first-of-type{font-size: 16px;color: #fff;margin-bottom: 72px;}
.ftl ul li a:hover{color: #ab7739;}
.ftl ul li p{font-size: 14px;color: #9e9e9e;}
.ftl ul li h2{font-size: 24px;color: #fff;font-family: Arial;font-weight: 1000;margin-bottom: 50px;}
.ftl ul li h6{display: inline-block;vertical-align: top;text-align: center;font-size: 14px;color: #9e9e9e;margin-right: 20px;position: relative;}
.ftl ul li h6 a{font-size: 14px !important;color: #9e9e9e !important;}
.ftl ul li h6 span{display: block;width: 54px;height: 54px;line-height: 54px;text-align: center;border-radius: 50%;background: #464545;font-size: 28px;color: #fff;}
.ftl ul li h6 a:hover span{background: #c3996a;}

.ftrlogo img{display: inline-block;vertical-align: middle;}
.ftrlogo img:first-of-type{margin-right: 80px;}
.ftrfx{margin: 55px 0 66px;}
.ftr p,.ftr p a{font-size: 14px;color: rgba(255,255,255,.6);}
.ftrfx a{display: inline-block;color: #fff;font-size: 40px;margin-right: 20px;}
.ftrfx a:hover{color: #c3996a;}


.mobile{width: 5%;text-align: right;display: inline-block;}
/* .dhan{display: inline-block;vertical-align: middle;width: 45px;height: 45px;text-align: center;background: #7fc96f;border-radius: 50%;cursor: pointer;position: relative;z-index: 999;} */
.dhan{display: inline-block;vertical-align: middle;}
/* .dhan::before{content: '';display: block;width: 45px;height: 45px;position: absolute;top: 50%;left: 50%;border: 6px solid #86b47e;border-radius: 50%;
	transform: translate(-50%,-50%);
} */
.dhan{
	/* animation: circleRoates 2s linear infinite; */
	position: relative;
}
.dhan img{
	/* position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%); */
	border-radius: 50%;
	border: 6px solid #86b47e;
	cursor: pointer;
}
/* .dhan img:first-of-type{display: none;} */
/* .dhan img:last-of-type{display: inline-block;} */
/* .dhan:hover::before{border: 6px solid rgba(127, 201, 111, 0.6);}
.dhan:hover img:first-of-type {display: none;}
.dhan:hover img:last-of-type{display: inline-block;} */
.dhan:hover img{
	animation: circleRoates 2s linear infinite;position: relative;
}

.cbl{position: fixed;top: 70%;right: 0;z-index: 99;}
.cbl p,.cbl h6{display: block;width: 60px;text-align: center;cursor: pointer;}
.cbl p{line-height: 55px;background: #f7f7f7;}
.cbl h6{line-height: 36px;background: #ef8017;color: #fff;}

.dzxxsf{
	position:absolute;
	width:300px;
	left: -140px;
	bottom: -30px;
	color: white;
	background: #c8a063;
	line-height: 20px;
	border-radius: 30px;
	padding: 15px 20px;
	opacity: 0;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}
.ftl ul li h6:hover .dzxxsf{
	bottom: 0;
	opacity: 0.8;
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
}


#Body{max-width: 1920px !important;margin: 0 auto;}
li h6:hover + .dzxxsf{opacity: 1;}