@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
	background: #000;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_01.html") no-repeat center;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}


#Version{width:100%;height:1000px;position:relative;overflow:hidden;padding-top: 0px;z-index:11}
#video{width:1920px;height:1000px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1000px;position:absolute;left:50%;z-index:-2;line-height:0px;}


.js {
	width:1920px;height:557px;left: 50%;margin-left: -960px; margin-top:-1px;
	position: relative;
	background: url("../images/sm1.jpg") no-repeat center;
	background-position: 0px -0px;
}
.zs {
	width:1920px;height:708x;left: 50%;margin-left: -960px;
	position: relative;
	background: url("../images/sm7.jpg") no-repeat center;
	background-position: 0px -0px;
}


.zb {
	width:1920px;height:709px;left: 50%;margin-left: -960px; margin-top:-1px;
	position: relative;
	background: url("../images/sm2.jpg") no-repeat center;
	background-position: 0px -0px;
}

.sz{
	width:1920px;
	height:3450px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background: url("../images/sm3.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm3.jpg");
}


.STYLE3 {
	font-size: 12px;
	color: #a58351;
}

.bs{
	width:1920px;
	height:850px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background: url("../images/sm4.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm4.jpg");
}



.dt{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background: url("../images/sm5.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm5.jpg");
}


.gz{
	width:1920px;
	height:850px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	
	background: url("../images/sm6.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/sm6.jpg");
}

#img01{float:left;width:499px;height:364px;position:relative;margin-left:1011px;margin-top:284px;z-index:100}
	#img02{float:left;width:414px;height:341px;position:relative;margin-left:-1103px;margin-top:291px;z-index:100}

.gzimg{width:309px;height:309px;left:50%;margin-left:-366px;top:221px;background: url("../images/bj04_jcjt/gifdh.html") no-repeat center;z-index: 50;}

.zbShow2{
	width:1920px;
	height:969px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_05.html") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_05.html");
}

.zbShow2 .zbtext{width:1077px;height:40px;left: 421px;}
.zbShow2 .zbtext .text{font-size: 27px;color: white;}
.zbShow2 .zbtext1{top: 570px;}
.zbShow2 .zbtext2{top: 1046px;}
.zbShow2 .zbtext3{top: 1524px;}


.zbShow3{
	width:1920px;
	height:1052px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_05-1.html"/*tpa=http://www.58houtai.com/images/bj_05-1.jpg*/) no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_05-1.html"/*tpa=http://www.58houtai.com/images/bj_05-1.jpg*/);
}



.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../images/bj_06.jpg"/*tpa=http://www.58houtai.com/images/bj_06.jpg*/) no-repeat center;
	background-position: 0px -0px;
	background-image: url("../images/bj_06.jpg"/*tpa=http://www.58houtai.com/images/bj_06.jpg*/);
}

.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

.slide1 .uls li{list-style: none;}

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width:1103px;height:459px;left: 758px;margin-left: -388px;top:28px;
	
}

.slide2 .uls li{list-style: none;}

.slide2 .prev,.slide2 .next{width:80px;height:102px;}
.slide2 .prev{top:-406px;left:-83px;}
.slide2 .next{top:-256px;left:-83px;}

.slide2 .slide2hd{width:781px;height:110px;left: 804px;margin-left: -444px;top:487px;}

.slide2 .slide2hd .sm{width:107px;height:110px;}
.slide2 .slide2hd .sm:hover{cursor: pointer;}


.slide3{width: 681px;height:586px;margin-left: 796px;top: 170px;}
.slide3 .uls li{list-style: none;}
.slide3 .prev,.slide3 .next{width: 39px;height: 51px;}
.slide3 .prev{top: -252px;left: 396px;}
.slide3 .next{top: -304px;left: -369px;}
.slide3 .slide3images{margin-left: -629px;top: 81px;}
.slide3 .slide3hd{/* width: 132px; *//* height: 109px; *//* left: 105px; */margin-left: -1321px;/* top: 664px; */}
.slide3 .slide3hd .sm{width: 132px;height: 109px;
-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;
}
.slide3 .slide3hd .sm:hover{cursor: pointer;}


.slide3 .tempWrap{width:681px!important}



.slide3 .slide3hd .sm1{margin-left: -323px;width:160px;height:50px;overflow:hidden;margin-top: 8px;} 
.slide3 .slide3hd .sm1 .xx1{background:url(../images/01.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm1:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

.slide3 .slide3hd .sm2{width:160px;height:50px;overflow:hidden;margin-left: -349px;margin-top: 100px;} 
.slide3 .slide3hd .sm2 .xx1{background:url(../images/02.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm2:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

.slide3 .slide3hd .sm3{margin-top: 390px;width:160px;height:50px;margin-left: -346px;overflow:hidden;margin-top: 190px;}
.slide3 .slide3hd .sm3 .xx1{background:url(../images/03.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm3:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

	.slide3 .slide3hd .sm4{margin-top: 371px;width:160px;height:50px;margin-left: -345px;overflow:hidden;margin-top: 280px;}
.slide3 .slide3hd .sm4 .xx1{background:url(../images/04.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm4:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 


		.slide3 .slide3hd .sm5{margin-top: 459px;width:160px;height:50px;margin-left: -344px;overflow:hidden;margin-top: 370px;}
.slide3 .slide3hd .sm5 .xx1{background:url(../images/05.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm5:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

			.slide3 .slide3hd .sm6{margin-top: 459px;width:160px;height:50px;margin-left: 665px;overflow:hidden;margin-top: 9px;}
.slide3 .slide3hd .sm6 .xx1{background:url(../images/06.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm6:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

			.slide3 .slide3hd .sm7{margin-top: 459px;width:160px;height:50px;margin-left: 665px;overflow:hidden;margin-top: 100px;}
.slide3 .slide3hd .sm7 .xx1{background:url(../images/06.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm7:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

			.slide3 .slide3hd .sm8{margin-top: 459px;width:160px;height:50px;margin-left: 665px;overflow:hidden;margin-top: 190px;}
.slide3 .slide3hd .sm8 .xx1{background:url(../images/06.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm8:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

			.slide3 .slide3hd .sm9{margin-top: 459px;width:160px;height:50px;margin-left: 665px;overflow:hidden;margin-top: 280px;}
.slide3 .slide3hd .sm9 .xx1{background:url(../images/06.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm9:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 

			.slide3 .slide3hd .sm10{margin-top: 459px;width:160px;height:50px;margin-left: 665px;overflow:hidden;margin-top: 370px;}
.slide3 .slide3hd .sm10 .xx1{background:url(../images/06.png);width:160px;height:50px;overflow:hidden;-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	-moz-transition: transform .5s ease, -moz-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;} 
.slide3 .slide3hd .sm10:hover .xx1{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);width:160px;height:50px;} 





#Download{width: 857px;height: 65px;text-align:center;position:absolute;top: 765px;left:50%;margin-left: -429px;z-index:1400;border-radius:5px;}
#Download .gamedown{float:left;width:1178px;height:107px;}
#Download .btn_down_dlk{float:left;width: 250px;height: 61px;text-indent:-999em;/* margin-top:8px; */margin-bottom:4px;/* margin-left: 11px; */}
#Download .btn_down_dlk:hover{background-position:left bottom;}
#Download .btn_down_bd{float:left;width: 250px;height: 64px;text-indent:-999em;margin-left: 56px;/* margin-top: 11px; */}
#Download .btn_down_bd:hover{background-position:left bottom;}
#Download .btn_jiechi{float: left;width: 250px;height: 64px;text-indent:-999em;overflow:hidden;margin-left: 49px;}
#Download .btn_jiechi:hover{background-position:left bottom;}
#Download .btn_Recharge{float:left;width: 96px;height: 262px;text-indent:-999em;overflow:hidden;/* margin-top: 11px; *//* margin-left: 126px; */float: right;}
#Download .btn_Recharge:hover{background-position:left bottom;}


.slide4{
	width:1078px;height:419px;left: 50%;margin-left: -490px;top:86px;
	
}

.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:140px;height:152px;}
.slide4 .prev{top:-387px;left:-139px;}
.slide4 .next{top:-537px;left:958px;}


.slide5{
	width:1078px;height:419px;left: 50%;margin-left: -594px;top:320px;
	
}

.slide5 .uls li{list-style: none;}

.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-352px;left:707px;}
.slide5 .next{top:-410px;left:-601px;}
.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/smfoot.jpg);
}



#Layer2 {
	position:relative;
	width:1500px;
	height:548px;
	z-index:1;
}
#Layer3 {
	position:relative;
	width:1500px;
	height:1152px;
	z-index:1;
}
#Layer4 {
	position:relative;
	width:1000px;
	height:132px;
	z-index:1;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 258px;
	top: 23px;
}

#Floatingbar{
	width:157px;
	position:fixed;
	top:50%;
	right:0px;
	margin-top:-150px;
	background-color:#e5e5e5;
	box-shadow:0 3px 14px rgba(0,0,0,0.4);
	z-index:150000;
	font-size:12px;
	background-color:#ffffff;
	font-family:'Microsoft YaHei';
	
}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.html) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}
.navs {
	width: 728px;
	height: 96px;
	left:50%;
	margin-left: -355px;
	top: 890px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 345px;
	height: 97px;
	/* margin-right: 166px; */
}

.nav1 {
	/* margin-left:90px; */
	background:url("../images/xz.html") no-repeat;
}
.nav1:hover,.nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	margin-top:-10px;	
}




.nav2 {
	background:url("../images/cz.html") no-repeat;
	margin-left: 24px;
}


.nav3 {
	background:url("../images/kf.html") no-repeat;
	/* margin-left: 38px; */
	/* margin-top: 27px; */
	float: right;
}




.navss {width: 1200px;height: 56px;left:52%;margin-left: -550px;top: 154px;z-index: 99;}
.navs1,.navs2,.navs3 {width: 169px;height: 56px;margin-right: 320px;}
.navs1 {}
.navs2 {}
.navs3 {margin-right: 47px;float: right;}
.navs1:hover {background:url("../images/btn_1.png") no-repeat;cursor: pointer;}
.navs2:hover {background:url("../images/btn_2.png") no-repeat;cursor: pointer;margin-top: -1px;}
.navs3:hover {background:url("../images/btn_3.png") no-repeat;cursor: pointer;margin-right: 48px;margin-top: -1px;float: right;}



.list-info{
	    width: 789px;
    height: 453px;
    /* border: 1px solid red; */
    margin: 200px auto;
    margin-top: 289px;
    position: absolute;
    left: 809px;
    top: -113px;
    text-align: left;
}
#docColumn{float:left;width:580px;height:455px;position:relative;overflow:hidden;padding-top:21px;padding-left:18px;}
#docColumn .Tab_nr{height:360px;overflow:hidden;margin-bottom:40px;}
#docColumn .NewsList{margin-right:56px;margin-left:16px;}

.NewsList li{height:53px;line-height:53px;font-size:20px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li a{overflow:hidden;color:#f5c69d;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
.NewsList li time{float:right;color:#aaabaf;}
.NewsList li .lx{float:left;}
.NewsList li:hover a{color:#ae862e;}

ul, ol {
	list-style-type: none;
}


ul, ol {list-style-type: none;}

ul, ol {list-style-type: none;}
.pic{position: absolute; display: none; z-index: 9999;margin-left:72px;margin-top:-300px;}
.pic1{  height: auto; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 5px hsla(0,0%,5%,1.00); box-shadow: 5px 5px 5px 0px hsla(0,0%,5%,0.3); z-index: 99999;} 



.zhuangbeishow{
	width: 800px;
	height: 50px;/* border: 1px solid red; */
	margin: 0px auto;
	position: absolute;
	top:39%;
	left:50%;
	margin-left: -140px;
	margin-top: -20px;
}
#sb_01{margin-left:-47%;margin-top:-29%;}
#sb_02{margin-left:-47%;margin-top:10.5%;}
#sb_03{margin-left:-47%;margin-top:20.6%;}
#sb_04{margin-left:-47%;margin-top:31.2%;}
#sb_05{margin-left:-47%;margin-top:41.4%;}
.zhuangbei_ul li{width: 72px;height: 50px;float: left;cursor: pointer;margin-right: 65px;margin-bottom: 80px;list-style: none;}

.zhuangbei_ul .container-item:hover .pic{display:block;}

#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;}
.container-item  {width: 50px; height: 50px; background: url(../images/active.png) 0 0 no-repeat;}
.container-item img{padding-top: 35px;width: 80px; height: 80px; }


 

#Skillza{float:left;width:1170px;height:71px;padding-bottom:0px;margin-left:385px;margin-top:242px;}
	#Skillzb{float:left;width:1170px;height:71px;padding-bottom:0px;margin-left:385px;margin-top:86px;}
	#Skillzc{float:left;width:1170px;height:71px;padding-bottom:0px;margin-left:385px;margin-top:86px;}
.items ul{}
.items li{ width:62px; height:40px; float:left; list-style:none;}
.itemcss{ position:relative;width:40px; height:40px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;margin-left:50px;z-index:10;height:36px; line-height:36px; filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
 



.zuoyi {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.zuoyi:hover {
            transform: translate(0, 10px);
            -webkit-transform: translate(0, 10px);
            -moz-transform: translate(0, 10px);
            -o-transform: translate(0, 10px);
            -ms-transform: translate(0, 10px);
        }




.content {
    display: block;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.slide-box {
    position: relative;
    margin: 0px auto 0;
}
.slide-list {
    position: relative;
    top: 0;
    left: 0;
    list-style: none;
    height: 674px;
    margin: 0 auto;
    perspective: 500px;
}
.slide-list li {
    position: absolute;
    width: 1038px;
    height: 732px;
    transition: all .5s;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.slide-box li.po-1 {
    left: 114px;
    top: 86px;
    z-index: 4;
    width: 561px;
    height: 248px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.slide-box li.po-2 {
    left: 0;
    top: 0px;
    z-index: 5;
    opacity: 1;
    filter: alpha(opacity=100);
}
.slide-box li.po-3 {
    top: 100px;
    left: auto;
    right: 30px;
    width: 973px;
    height: 502px;
    opacity: .3;
    filter: alpha(opaciyt:30);
}
.slide-box li.po-4 {
    left: 193px;
    top: 0px;
}
.slide-box li.po-5 {
    left: 197px;
    top: 0px;
}
.slide-list li img {
    width: 100%;
}

.trans-left, .trans-right {
    width: 340px;
    height: 508px;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.trans-left {
    left: 0;
}
.trans-right {
    right: 0;
}
.p9-prev, .p9-next {
    display: block;
    width: 59px;
    height: 56px;
    position: absolute;
    top: 532px;
    right: 8px;
    z-index: 9;
    cursor: pointer;
    background: url("../images/feature-spr.html"/*tpa=http://www.58houtai.com/images/feature-spr.png*/) center top;
}
.p9-next {
    top: 460px;
    background-position: center bottom;
}
.dot-list {
    width: 250px;
    overflow: hidden;
    margin-top: -23px;
}
.dot-list li {
    display: block;
    width: 25px;
    height: 6px;
    float: left;
    background-color: #564f3f;
    margin: 0px 5px;
    border-radius: 10px;
}
.dot-list li.cur {
    background-color: #9a8b68;
    width: 100px;
    border-radius: 10px;
}
.autoImg{display: block; width: 100%;}
.pleft-title{
    position: absolute;
    top: 0;
}
.pleft-title img.part-title-ico{
    width: 29%;
    right: auto;
    left: 10%;
}

.pright-title img.part-title-ico {
    width: 29%;
    right: 10%;
}
.part-title{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.part-title img{
    position: relative;
    z-index: 2;
}
.part-title img.part-title-ico{
    position: absolute;
    z-index: 1;
    display: block;
    right: 9%;
    top: -81%;
    animation: rotate 15s infinite linear;
}
@keyframes rotate{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    form{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}


.foot235{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/235foot.jpg);
}



	.h5box{left:50%; position:absolute; margin-left:-620px;width:1244px; margin-top:200px;height:580px;overflow:hidden;border:5px solid #12c5f8; }
	.h5box iframe{margin-top:-100px;margin-left:-400px;}

        .float{width: 229px;height: 670px;background: url(../images/float.png) no-repeat;position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 99;}
        .float-packs{height: 190px;display: block;}
        .float-packs-image{position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 98;
            animation: floatPacks 1.6s infinite;
            -webkit-animation: floatPacks 1.6s infinite;
            transform-origin: 50% 100%;
            -webkit-transform-origin: 50% 100%;
        }
        .flaot-nav{width: 148px;padding: 60px 0 0 29px;}
        .flaot-nav a{height: 49px;line-height: 49px;display: block;text-align: center;color: #Fcfcfc;font-size: 24px;
            transition: all 0.1s;
            -webkit-transition: all 0.1s;
        }
        .flaot-nav a.on{background: #ff0000;padding:2px 0;margin: -2px 0;color: #fff;font-size: 28px;}




/*特色*/
#tese{height:728px;position:relative;max-width:1920px;min-width:1250px;margin:0 auto;padding-top:150px;z-index:9999; margin-left:440px}
#tese .center{width:1250px;position:relative;}
#tese .sceneImg{width:820px;height:460px;position:absolute;overflow:hidden;top:150px;left:50%;margin-left:-510px;background-color:#572e2a;}
#tese .columnTitle{margin-bottom:68px;}
#teseGundong{width:820px;height:460px;position:absolute;top:2px;left:50%;margin-left:-450px;}
/*图片轮播样式*/
#teseGundong .conbox{width:9999em;position:absolute;}
#teseGundong .conbox .Slide_{float:left;width:820px;height:450px;overflow:hidden;padding-bottom:48px;}
/**/
#tese .switcher{width:100%;text-align:center;position:absolute;right:18px;bottom:0px;z-index:99;}
#tese .switcher a{width:8px;height:8px;line-height:0px;text-align:center;overflow:hidden;font-size:0px;font-family:arial;color:#333333;margin-right:9px;margin-left:9px;vertical-align:middle;background-color:#868e91;border-radius:10px;cursor:pointer;display:inline-block;}
#tese .switcher a.cur,#tese .switcher a:hover{color:#fff;padding:3px;background-color:#fff8a3;}

/*栏目标题*/
.columnTitle{line-height:1.54;text-align:center;font-size:35px;color:#ffffff;margin-bottom:51px;letter-spacing:1px;position:relative;z-index:100}
.columnTitle span{line-height:28px;font-size:10px;font-weight:normal;color:#f8dda6;margin-top:5px;text-transform:uppercase;display:block;}
.columnTitle span i{margin-right:45px;margin-left:45px;}

/*文字列表*/
.teseList{overflow:hidden;padding-top:10px}
.teseList li{float:left;width:160px;text-align:right;margin-right:820px;padding-top:5px;padding-right:8px;border:2px solid transparent;cursor:pointer;padding-bottom:5px;position:relative;}

.teseList li ._line{height:0px;clear:both;margin-bottom:-2px;border-bottom:1px solid #795652;display:block;position:absolute;bottom:0px;left:0px;right:0px;}
.teseList li.change{border:2px solid #c99801;border-right:2px solid transparent;}
.teseList li.change strong{color:#c99801;}
.teseList li.change ._text{color:#ff0000;}
.teseList li.change ._line{display:none;}
.teseList li:nth-child(2n){text-align:left;margin-right:0;padding-right:0;padding-left:8px;}
.teseList li:nth-child(2n) strong{padding-left:0;}
.teseList li:nth-child(2n) ._text{float:left;}
.teseList li:nth-child(2n).change{border-right:2px solid #c99801;border-left:2px solid transparent;}
.teseList li strong{line-height:30px;font-size:20px;color:#ffffff;margin-bottom:6px;display:block;white-space:nowrap;text-overflow:ellipsis;padding-left:20px;overflow:hidden;}
.teseList li ._text{float:right;width:224px;height:40px;line-height:20px;font-size:14px;color:#947674;overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}



.center4{margin:0 auto;width:1280px;padding-top:127px;}


#ZhuangBei{height:auto;position:relative;min-width:1280px;margin:0 auto;padding-bottom:130px;}


	.PicList{float:left;}
	.PicList li{float:left;position:relative;margin-right:17px;margin-bottom:10px;padding-top:31px;float:left;width:385px;height:auto;padding:10px;margin-top:20px;background:#FFF;border:5px solid #1c1c1c;}
	.PicList li:nth-child(3n){margin-right:0px;}
	.PicList strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fff;margin-bottom:3px;letter-spacing:4px;display:block;background:#1c1c1c;}
	.PicList .photo{width:385px;margin:0 auto;background-color:#000000;display:block;}
	
	.PicList2{float:left;}
	.PicList2 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:31px;float:left;width:605px;height:auto;padding:10px;margin-top:20px;background:#FFF;border:5px solid #1c1c1c;}
	.PicList2 li:nth-child(2n){margin-right:0px;}
	.PicList2 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fff;margin-bottom:3px;letter-spacing:4px;display:block;background:#1c1c1c;}
	.PicList2 .photo{width:605px;margin:0 auto;background-color:#000000;display:block;}
	
	.PicList3{float:left;}
	.PicList3 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:31px;float:left;width:1250px;height:auto;padding:10px;margin-top:20px;background:#FFF;border:5px solid #1c1c1c;}
	.PicList3 li:nth-child(3n){margin-right:0px;}
	.PicList3 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fff;margin-bottom:3px;letter-spacing:4px;display:block;background:#1c1c1c;}
	.PicList3 .photo{width:1250px;margin:0 auto;background-color:#000000;display:block;}