



.mobile i,.nav li a:after,.nav,span,.BannerBtn span::after,.cpxlnr_list h6{
	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;z-index: 9;background: rgba(255,255,255,.1);margin-top: 24px;background: #fff;}

header .divbox{font-size: 0;}


.logo{display: inline-block;vertical-align: middle;width: 30%;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}
.nav{display: inline-block;vertical-align: middle;width: 70%;text-align: right;margin-top: 10px;}
.nav ul{font-size: 0;display: inline-block;}
.nav ul li{display: inline-block;box-sizing: border-box;margin-right: 62px;position: relative;}
.nav ul li:last-of-type{margin-right: 0;}
.nav ul li a img{display: block;margin-bottom: 2px;filter: grayscale(100%);opacity: .5;}
.nav ul li a{font-size: 14px;color: #838383;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;}
.nav ul li a:hover,.nav ul li.ac a,.nav ul li:hover a{color: #067b32;}
.nav ul li a:hover img,.nav ul li.ac a img,.nav ul li:hover a img{opacity: 1;filter: initial;}



.nav ul li .navlist{position: absolute;top: 200%;font-size: 0;background: #fff;width: 204px;box-sizing: border-box;opacity: 0;visibility: hidden;text-align: center;left: 50%;
	border-bottom: 2px solid #067b32;
	border-top: 1px solid #067b32;
	transform: translateX(-50%);
	transform: translateX(-50%);
	transform: translateX(-50%);
}
.nav ul li .navlist::before{content: '';
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-10px;
	border-right:10px solid transparent;
	border-bottom:10px solid #067b32;
	border-left:10px solid transparent;
	border-top:0;
}
.nav ul li .navlist a{display: block;border-bottom: 1px solid #ccc;line-height: 47px;font-size: 14px;color: #6b6b6b;}
.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;z-index: 2;}
.nav ul li .navlist a:hover{color: #067b32;}




footer{position: relative;}
.ft{padding: 23px 0 34px;background: #04953b;font-size: 0;}
.ftl,.ftc,.ftr{display: inline-block;vertical-align: top;box-sizing: border-box;}
.ftl{width: 25%;}
.ftc{width: 55%;}
.ftr{width: 20%;text-align: right;}
.ftl img{max-width: 100%;}
.ftc ul{font-size: 0;}
.ftc ul li{display: inline-block;vertical-align: top;box-sizing: border-box;margin-right: 50px;}
.ftc ul li:last-of-type{margin-right: 0;}
.ftc ul li a{display: block;font-size: 14px;color: #fff;}
.ftc ul li a:first-of-type{font-size: 18px;margin-bottom: 0;}
.ftc ul li a:hover{text-decoration: underline;}
.ftr_img{width: 170px;padding: 14px 27px 5px;box-sizing: border-box;background: #149143;}
.ftr_img img{width: 100%;}
.ftr_img h3{font-size: 14px;color: #fff;}
.fb{padding: 15px 0;background: #064725;text-align: center;text-shadow: #000 1px 1px;}
.fb_t a{font-size: 14px;color: #aec4a4;margin: 0 15px;}
.fb p,.fb p a{font-size: 14px;color: #aec4a4;}
.fb a:hover{color: #04953b;}



.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);
    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}
.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #c88b11;margin-top: 7px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-8px) translateX(8px);}

.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;}




