@charset "utf-8";
/* --reset-- */
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,ol,p,i,b,strong,a,table,th,td,form,input,textarea{margin:0;padding:0;outline:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body{font-family:bahnschrift,'Microsoft Yahei','Microsoft JhengHei',Helvetica,Tahoma;}
i,ol,ul,li{font-style:normal;list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
a{color:#333;text-decoration:none;-webkit-transition:all 0.35s;transition:all 0.35s;}
@font-face{font-family:FuturaLT;src:url('../fonts/FuturaLT.otf');}
@font-face{font-family:bahnschrift;src:url('../fonts/bahnschrift.ttf');}
@font-face{font-family:wurairun;src:url('../fonts/wurairun.ttf');}
@font-face{font-family:Alfredoheavy;src:url('../fonts/Alfredoheavy.ttf');}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 6px transparent;background:#f8f8f8;border-radius:6px;}
::-webkit-scrollbar-thumb{border-radius:6px;background:#18943b;}
::-webkit-input-placeholder{font-family:bahnschrift;color:#999;}
.ts035{-webkit-transition:all 0.35s;transition:all 0.35s;}
.ts05{-webkit-transition:all 0.5s;transition:all 0.5s;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.hidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.valign-middle{display:table-cell;vertical-align:middle;}
.start-center{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:start;}
.center-center{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;}
.center-colume{height:100%;display:flex;flex-direction:column;align-items:left;justify-content:center;}

/* --public-- */
body{background:url(../images/body.jpg) repeat;}
.pageBackground{width:100%;height:100%;position:fixed;left:0;top:0;z-index:-1;overflow:hidden;}
.noiseWrapper{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.5;background-image:url(../images/bg.png);background-repeat:no-repeat;background-position:center center;background-size:auto 40vw;}
.content{width:82%;margin:auto;position:relative;}
.padding{margin-top:4vw;}
.button{width:120px;height:120px;line-height:120px;margin:4vw auto 0;text-align:center;font-size:16px;color:#9e8765;border:1px solid #615746;border-radius:50%;display:block;overflow:hidden;text-transform:uppercase;}
.button:hover{color:#333;background:#e5d59e;}

/* --header-- */
.header{width:100%;height:auto;margin-top:20px;overflow:hidden;}
.header .logo{width:9%;height:124px;float:left;}
.header .logo img{width:100%;max-width:100px;display:block;}
.header .logo a{display:inline-block;}
.header .head{width:90%;margin-left:1%;float:left;overflow:hidden;}
.header .head .nava{height:72px;border-bottom:1px solid #444136;overflow:hidden;}
.header .head .nava .pd{margin:18px 0;}
.header .head .nava .lang{width:13.75%;float:left;overflow:hidden;}
.header .head .nava .lang li{width:33.33%;height:36px;font-size:16px;line-height:36px;float:left;overflow:hidden;}
.header .head .nava .lang li a{font-weight:bold;color:#9e8765;}
.header .head .nava .lang li a:hover{color:#e5d59e;}
.header .head .nava .line{width:1px;height:100%;background:#444136;float:left;}
.header .head .nava .list{width:66%;height:36px;float:left;overflow:hidden;}
.header .head .nava .list li{width:16.66%;height:36px;font-size:18px;line-height:36px;text-align:center;float:left;overflow:hidden;}
.header .head .nava .list li a{color:#e5d59e;text-transform:uppercase;}
.header .head .nava .list li a:hover{opacity:0.7;}
.header .head .nava .ema{width:19%;height:72px;float:right;overflow:hidden;}
.header .head .nava .ema p{margin-left:20px;font-size:16px;line-height:20px;color:#9e8765;}
.header .head .con{margin-top:24px;font-size:14px;line-height:20px;color:#73673c;text-transform:uppercase;}

/* --footer-- */
.footer{padding-bottom:2vw;}
.footer .nava{width:32%;}
.footer .nava li{height:64px;font-size:48px;line-height:64px;margin:2vw 0;overflow:hidden;}
.footer .nava li a{color:#cdb86e;}
.footer .nava .email{width:80%;height:auto;padding:0.6vw 1.6vw;font-size:24px;line-height:32px;color:#56513b;border-radius:0.6vw;border:1px solid #8a7c49;text-transform:uppercase;}
.footer .nava .email:hover{color:#e5d59e;}
.footer .nava .email img{height:18px;margin-top:6px;float:right;}
.footer .nava .copyright{margin-top:1vw;font-size:14px;line-height:24px;color:#5e573f;text-transform:uppercase;}

.footer .mid{width:36%;}
.footer .mid img{width:92%;margin:auto;display:block;}
.footer .message{width:32%;}
.footer .message .title{font-size:36px;color:#cdb86e;line-height:46px;text-transform:uppercase;font-family:FuturaLT;}
.footer .message .des{margin:2vw 0 1vw;font-size:14px;line-height:24px;color:#cdb86e;text-transform:uppercase;}
.footer .message .input{width:80%;padding:20px 0 6px;border-bottom:1px solid #73673c;position:relative;}
.footer .message .input b{font-size:16px;color:#cdb86e;line-height:24px;display:block;text-transform:uppercase;}
.footer .message .input input{width:100%;height:32px;line-height:32px;font-size:16px;color:#cdb86e;border:none;outline:none;background:none;}
.footer .message .button{margin-top:2vw;margin-left:40%;-webkit-transform:translate3d(-60px, 0, 0);transform:translate3d(-60px, 0, 0);}
.footer .message .input .guestimg{width:50px;height:22px;position:absolute;right:0;bottom:11px;}

/* --手机端导航-- */
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background:url(../images/body.jpg) repeat;z-index:9700;display:none;}
.sj_head{width:100%;height:54px;padding:0 4%;position:fixed;left:0;top:0;z-index:9900;display:none;background:url(../images/body.jpg) repeat;border-bottom:1px solid #73673c;}

.sj_head_logo{width:80%;height:54px;float:left;overflow:hidden;}
.sj_head_logo img{width:auto;height:42px;margin-top:6px;float:left;}

.sj_head_bar{width:7%;max-width:30px;height:47px;padding:10px 0;position:absolute;right:4%;top:3px;z-index:9;cursor:pointer;}
.sj_head_bar .bar{width:100%;height:3px;margin:3px auto;display:block;background-color:#73673c;float:left;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav_all{width:100%;height:100%;padding:60px 0;position:fixed;left:0;top:0;display:none;overflow:auto;z-index:9800;}
.sj_nav{width:100%;height:100%;overflow:auto;}
.sj_nav .lang{margin:0 10%;padding:2.6vw 0;border-bottom:1px solid #73673c;position:relative;}
.sj_nav .lang li{width:33.33%;text-align:center;float:left;}
.sj_nav .lang li a{font-size:18px;line-height:32px;color:#9e8765;}
.sj_nav_li{margin:0 4%;position:relative;}
.sj_nav_li .navn{
    font-size: 18px;
    color: #cdb86e;
    display: block;
    line-height: 48px;
    height: 69px;
	padding:10px 0;
	border-bottom:1px solid #73673c;
    transition: all 0.36s;
	cursor:pointer;
	position:relative;
	text-transform:uppercase;
}
.sj_nav_li .navn span{
    display: block;
    background: url(../images/arrow3.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:6px;
	top:28px;
}
.sj_nav_li.current .navn span{transform: rotate(90deg);}

.sj_nav_li_son{margin:0 4%;font-size:16px;display:none;}
.sj_nav_li_son_li{height:69px;line-height:48px;padding:10px 4%;font-size:16px;color:#cdb86e;display:block;border-bottom:1px solid #73673c;position:relative;cursor:pointer;text-transform:uppercase;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../images/arrow3.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:calc(4% + 6px);
	top:28px;
}


/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear: both;line-height:32px;font-size:16px;padding-top:1vw;margin-top:2vw;border-top:1px solid #463f26;}
.txt-upDown span{width:50%;height:32px;overflow:hidden;color:#56513b;display:block;float:left;}
.txt-upDown span a{color:#56513b;}
.txt-upDown span a:hover{color:#e5d59e;}
.txt-upDown span.txt-right{text-align:right;float:right;}

/* --分页-- */
.page{font-size:13px;color:#73673c;text-align:center;margin:20px 0;}
.page a{margin:0px 2px;padding:3px 8px;font-size:13px;color:#73673c;border:1px solid #73673c;}
.page span{margin:0px 2px;padding:3px 8px;font-size:13px;color:#fff;background:#73673c;border:1px solid #73673c;}
.page a:hover{background:#cdb86e;border:#cdb86e solid 1px;color:#fff;}


/* --暂无内容-- */
.no-goods{padding:200px 0 100px;overflow:hidden;text-align:center;}
.no-goods img{width:220px;max-height: 105px;display: block;margin:0 auto 30px;}
.no-goods p{font-size:16px;color:#666666;line-height:24px;}

.rel_center{width:100%;font-size:16px;color:#73673c;text-align:center;margin:6vw 0;display:block;}
.return{font-size:14px;margin-top:30px;text-align:center;}

/* --动画-- */
@-webkit-keyframes imgScale {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}
@keyframes imgScale {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	to {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
}

@keyframes moveInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes moveInLeftSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInLeftSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInRightSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInRightSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInDownSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInDownSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes moveInUpSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes moveInUpSmall{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}


@keyframes moveInFade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes moveInFade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes moveInBlow{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@-webkit-keyframes moveInBlow{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}

@keyframes loopCir{
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes loopCir{
	0% {
		opacity: 0;
		-webkit-transform:scale(0);
		transform:scale(0);
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}


@keyframes circlespread{
	0% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
}
@-webkit-keyframes circlespread{
	0% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
	50% {
		-webkit-box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 20px rgba(56, 186, 177, 0.2);
	}
	100% {
		-webkit-box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
		box-shadow: 0px 0px 0 0px rgba(56, 186, 177, 0.2);
	}
}
@keyframes circlepulse{
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3);
		opacity: 0;
	}
}
@-webkit-keyframes circlepulse{
	0% {
		-webkit-transform: scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(3);
		opacity: 0;
	}
}