h3{
	text-align: center;
	color: #5A5A5A;
}
body{
	background:#000;
}
#box{
	width:360px;
	height:360px;
	margin:8% auto 0 auto;
	position: relative;
	transform:perspective(800px) rotateY(-0deg) rotateX(0deg);
	transform-style:preserve-3d;
	-ms-transform: perspective(800px) rotateY(-0deg) rotateX(0deg); /* IE 9 */
	-ms-transform-style: preserve-3d; /* IE 9 */
	-webkit-transform: perspective(800px) rotateY(-0deg) rotateX(0deg); /* Safari and Chrome */
	-webkit-transform-style:preserve-3d;/* Safari and Chrome */
	-o-transform:perspective(800px) rotateY(-0deg) rotateX(0deg); /* Opera */
	-o-transform-style:preserve-3d;/* Opera */
	-moz-transform:perspective(800px) rotateY(-0deg) rotateX(0deg); /* Firefox */
	-moz-transform-style:preserve-3d;/* Firefox */
}
#box .div{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
	background:url(../img/homePage/borderMax.png) center center;
	background-size:100% 100%;
	overflow:hidden;
}
#box .divon .divon_inter{
	width:360px;
	height:360px;
	position:relative;
	overflow: hidden;
}
/* 边框 */
.topline{height:2px;background:#89966D;position:absolute;left:-1px;top:-1px;}
.leftline{width:2px;background:#89966D;position:absolute;left:-1px;top:-1px;}
.rightline{width:2px;background:#89966D;position:absolute;right:-1px;bottom:-1px;}
.bottomline{height:2px;background:#89966D;position:absolute;right:-1px;bottom:-1px;}
#box .interDiv{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left: 0;
    padding:0;
	overflow:hidden;
	background:url(../img/homePage/borderMaxInter.png) center center;
	background-size:100% 100%;
}
#box .front{
	transform:translateZ(180px);
	-ms-transform: translateZ(180px); /* IE 9 */	
	-webkit-transform: translateZ(180px); /* Safari and Chrome */	
	-o-transform:translateZ(180px); /* Opera */
	-moz-transform:translateZ(180px); /* Firefox */
}
#box .back{
	transform:translateZ(-180px);
    -ms-transform: translateZ(-180px); /* IE 9 */
    -webkit-transform: translateZ(-180px); /* Safari and Chrome */	
    -o-transform:translateZ(-180px); /* Opera */
    -moz-transform:translateZ(-180px); /* Firefox */
}
#box .back4{
	transform:translateZ(-140px);
    -ms-transform:translateZ(-140px); /* IE 9 */
    -webkit-transform:translateZ(-140px); /* Safari and Chrome */	
    -o-transform:translateZ(-140px); /* Opera */
    -moz-transform:translateZ(-140px); /* Firefox */
}
#box .back3{
	transform:translateZ(-100px);
	-ms-transform:translateZ(-100px); /* IE 9 */
	-webkit-transform:translateZ(-100px); /* Safari and Chrome */	
	-o-transform:translateZ(-100px); /* Opera */
	-moz-transform:translateZ(-100px); /* Firefox */
}
#box .back2{
	transform:translateZ(-60px);
    -ms-transform:translateZ(-60px); /* IE 9 */
    -webkit-transform:translateZ(-60px); /* Safari and Chrome */	
    -o-transform:translateZ(-60px); /* Opera */
    -moz-transform:translateZ(-60px); /* Firefox */
}
#box .back1{
	transform:translateZ(-20px);
	-ms-transform:translateZ(-20px); /* IE 9 */
	-webkit-transform:translateZ(-20px); /* Safari and Chrome */	
	-o-transform:translateZ(-20px); /* Opera */
	-moz-transform:translateZ(-20px); /* Firefox */
}
#box .front1{
	transform:translateZ(20px);
	-ms-transform:translateZ(20px); /* IE 9 */
	-webkit-transform:translateZ(20px); /* Safari and Chrome */	
	-o-transform:translateZ(20px); /* Opera */
	-moz-transform:translateZ(20px); /* Firefox */
}
#box .front2{
	transform:translateZ(60px);
	-ms-transform:translateZ(60px); /* IE 9 */
	-webkit-transform:translateZ(60px); /* Safari and Chrome */	
	-o-transform:translateZ(60px); /* Opera */
	-moz-transform:translateZ(60px); /* Firefox */
}
#box .front3{
	transform:translateZ(100px);
	-ms-transform:translateZ(100px); /* IE 9 */
	-webkit-transform:translateZ(100px); /* Safari and Chrome */	
	-o-transform:translateZ(100px); /* Opera */
	-moz-transform:translateZ(100px); /* Firefox */
}
#box .front4{
	transform:translateZ(140px);
	-ms-transform:translateZ(140px); /* IE 9 */
	-webkit-transform:translateZ(140px); /* Safari and Chrome */	
	-o-transform:translateZ(140px); /* Opera */
	-moz-transform:translateZ(140px); /* Firefox */
}


#box .left{
	transform:translateX(-180px) rotateY(90deg);
	-ms-transform:translateX(-180px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(-180px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(-180px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(-180px) rotateY(90deg); /* Firefox */
}
#box .right{
	transform:translateX(180px) rotateY(90deg);	
	-ms-transform:translateX(180px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(180px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(180px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(180px) rotateY(90deg); /* Firefox */
}
#box .right4{
	transform:translateX(-140px) rotateY(90deg);
	-ms-transform:translateX(-140px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(-140px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(-140px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(-140px) rotateY(90deg); /* Firefox */
}
#box .right3{
	transform:translateX(-100px) rotateY(90deg);
	-ms-transform:translateX(-100px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(-100px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(-100px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(-100px) rotateY(90deg); /* Firefox */
}
#box .right2{
	transform:translateX(-60px) rotateY(90deg);
	-ms-transform:translateX(-60px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(-60px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(-60px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(-60px) rotateY(90deg); /* Firefox */
}
#box .right1{
	transform:translateX(-20px) rotateY(90deg);
	-ms-transform:translateX(-20px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(-20px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(-20px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(-20px) rotateY(90deg); /* Firefox */
}
#box .left1{
	transform:translateX(20px) rotateY(90deg);
	-ms-transform:translateX(20px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(20px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(20px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(20px) rotateY(90deg); /* Firefox */
}
#box .left2{
	transform:translateX(60px) rotateY(90deg);
	-ms-transform:translateX(60px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(60px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(60px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(60px) rotateY(90deg); /* Firefox */
}
#box .left3{
	transform:translateX(100px) rotateY(90deg);
	-ms-transform:translateX(100px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(100px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(100px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(100px) rotateY(90deg); /* Firefox */
}
#box .left4{
	transform:translateX(140px) rotateY(90deg);
	-ms-transform:translateX(140px) rotateY(90deg); /* IE 9 */
	-webkit-transform:translateX(140px) rotateY(90deg); /* Safari and Chrome */	
	-o-transform:translateX(140px) rotateY(90deg); /* Opera */
	-moz-transform:translateX(140px) rotateY(90deg); /* Firefox */
}



#box .top{
	transform:translateY(-180px) rotateX(90deg);
	-ms-transform:translateY(-180px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(-180px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(-180px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(-180px) rotateX(90deg); /* Firefox */
}
#box .bottom{
	transform:translateY(180px) rotateX(90deg);
	-ms-transform:translateY(180px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(180px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(180px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(180px) rotateX(90deg); /* Firefox */
}
#box .bottom4{
	transform:translateY(-140px) rotateX(90deg);
	-ms-transform:translateY(-140px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(-140px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(-140px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(-140px) rotateX(90deg); /* Firefox */
}
#box .bottom3{
	transform:translateY(-100px) rotateX(90deg);
	-ms-transform:translateY(-100px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(-100px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(-100px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(-100px) rotateX(90deg); /* Firefox */
}
#box .bottom2{
	transform:translateY(-60px) rotateX(90deg);
	-ms-transform:translateY(-60px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(-60px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(-60px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(-60px) rotateX(90deg); /* Firefox */
}
#box .bottom1{
	transform:translateY(-20px) rotateX(90deg);
	-ms-transform:translateY(-20px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(-20px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(-20px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(-20px) rotateX(90deg); /* Firefox */
}
#box .top1{
	transform:translateY(20px) rotateX(90deg);
	-ms-transform:translateY(20px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(20px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(20px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(20px) rotateX(90deg); /* Firefox */
}
#box .top2{
	transform:translateY(60px) rotateX(90deg);
	-ms-transform:translateY(60px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(60px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(60px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(60px) rotateX(90deg); /* Firefox */
}
#box .top3{
	transform:translateY(100px) rotateX(90deg);
	-ms-transform:translateY(100px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(100px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(100px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(100px) rotateX(90deg); /* Firefox */
}
#box .top4{
	transform:translateY(140px) rotateX(90deg);
	-ms-transform:translateY(140px) rotateX(90deg); /* IE 9 */
	-webkit-transform:translateY(140px) rotateX(90deg); /* Safari and Chrome */	
	-o-transform:translateY(140px) rotateX(90deg); /* Opera */
	-moz-transform:translateY(140px) rotateX(90deg); /* Firefox */
}

#box .imgBg{
	width:11.11111111111111111111%;
	height:11.1111111111111111111%;
	display:inline-block;
	float:left;
	box-sizing:border-box;
	margin:0;
	padding:0;
}
#box .imgBg img,#box .sdiv img,#box .interDiv img{
	width:100%;
	height:100%;
	opacity: 0.6;
}
#box .interDiv .sdiv{
	width:11.111111111111111111%;
	height:11.11111111111111111%;
	float:left!important;
	display:inline-block!important;
	background:url(../img/homePage/border.png) top left;
	background-size:cover;
	box-sizing:border-box!important;
	overflow: hidden;
}
#box .LeftDiv .sdiv{
	background:url(../img/homePage/borderT.png) top left;
	background-size:cover;
}
#box .LeftDiv{
	background:url(../img/homePage/borderMaxRBL.png) top left;
	background-size:cover;
}
#box .TopDiv .sdiv{
	background:url(../img/homePage/borderL.png) top left;
	background-size:cover;
}
#box .TopDiv{
	background:url(../img/homePage/borderMaxTRB.png) top left;
	background-size:cover;
}
.tm-site-header,.tm-header-menu,.tm-header-container-in{
	background:rgba(0,0,0,0)!important;
	box-shadow: 0 0 0 #000!important;
}
.tm-primary-nav .menu-item > a{color:#fff;};