/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; font-family:"微软雅黑";}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));overflow-x:hidden;}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
/*a:hover{text-decoration:underline;}*/
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none; font-size:12px; font-family:Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

.index_wrap{background: url(../images/bg_02.jpg) no-repeat center 584px;}
.index_main{height:1168px;background: url(../images/bg_01.jpg) no-repeat center top;}
.rep1140{width: 1140px;height:100%;margin:0 auto;position: relative;overflow: hidden;}
.navbox li{position: absolute;width: 174px;height: 247px;background-position: center top;background-repeat: no-repeat;}
.navbox li.nav01{left:34px;top:666px;}
.navbox li.nav02{left:213px;top:736px;}
.navbox li.nav03{left:392px;top:766px;}
.navbox li.nav04{left:571px;top:766px;}
.navbox li.nav05{left:750px;top:736px;}
.navbox li.nav06{left:929px;top:666px;}

.front,.back
{	position: absolute;
			transition: transform 0.4s;
			transform-style: preserve-3d;
			-webkit-transform-style: preserve-3d;
			backface-visibility: hidden;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;}
.navbox li .front{-webkit-transform: rotateY( 0deg);
			-moz-transform: rotateY( 0deg);
			-o-transform: rotateY( 0deg);
			transform: rotateY( 0deg);}
.navbox li .back{
			-webkit-transform: rotateY( -180deg);
			-moz-transform: rotateY( -180deg);
			-o-transform: rotateY( -180deg);
			transform: rotateY( -180deg);
		}	
.navbox li:hover .front {
			-webkit-transform: rotateY( 180deg);
			-moz-transform: rotateY( 180deg);
			-o-transform: rotateY( 180deg);
			transform: rotateY( 180deg);
		}	
.navbox li:hover .back {
			-webkit-transform: rotateY( 0deg);
			-moz-transform: rotateY( 0deg);
			-o-transform: rotateY( 0deg);
			transform: rotateY( 0deg);
		}	

.navbox li.nav06 .code{display:none;position:absolute;left:30px;top:160px;}
.navbox li.nav06:hover .code{display:block;animation: move 0.5s ease-in 0.6s both;-moz-animation: move 0.5s ease-in 0.6s both;-ms-animation: move 0.5s ease-in 0.6s both;-webkit-animation: move 0.5s ease-in 0.6s both;}
@keyframes move{
	0%{opacity: 0;top:230px;}
	100%{opacity: 1;top:240px;}
}
@-webkit-keyframes move{
	0%{opacity: 0;top:230px;}
	100%{opacity: 1;top:240px;}
}
@-o-keyframes move{
	0%{opacity: 0;top:230px;}
	100%{opacity: 1;top:240px;}
}

.btn_next{display: block;position: absolute;left:50%;bottom:60px;margin-left:-145px;width: 289px;height: 52px;line-height: 52px;text-indent: -9999px;background: url(../images/btn_next.png) no-repeat center;}
.list_wrap{width:100%;background:#1a1431 url(../images/list_01.jpg) no-repeat center top;}
.list_main{ width:1200px; margin:0 auto;}
.wmain{width:1200px; padding:750px 0 200px 0;position:relative;}
.top_a{ position:fixed;bottom:100px;}
.list_left{ float:left; width:224px; margin:0 49px 0 0;}
.list_btna{ background:url(../images/list_07.jpg) no-repeat; width:224px; height:105px; display:block; text-align:center; font-size:30px; font-weight:bold; color:#987b4c; line-height:105px;font-family: "宋体";}
.list_btna:hover{ background:url(../images/list_04.jpg) no-repeat; color:#fde282;}
.list_btna.on{background:url(../images/list_04.jpg) no-repeat; color:#fde282;}

.list_right{ float:left; width:760px; margin:0 20px 0 0;}
.pic_conte{ text-align:center;}
.list_right h3{ font-size:36px; font-weight:bold; color:#fff; margin:0 0 20px 0;}
.list_right p{ margin:5px 0; font-size:14px; color:#fff;}


.animated{-webkit-animation-duration:.51s;-moz-animation-duration:.51s;-ms-animation-duration:.51s;-o-animation-duration:.51s;animation-duration:.51s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0;}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0;}
100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateIn{0%{-ms-transform-origin:center center;-ms-transform:rotate(-200deg);opacity:0;}
100%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}
}
@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0;}
100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1;}
}
@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0;}
100%{transform-origin:center center;transform:rotate(0);opacity:1;}
}
.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-ms-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn;}