@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:1080px;position:relative;overflow:hidden;padding-top: 0px;z-index:11}
#Flash{width:1920px;height:1080px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1080px;position:absolute;left:50%;z-index:-2;line-height:0px;}
.js{width:1920px;height:880px;left: 50%;margin-left: -960px;position: relative;background: url("../images/index_01.gif") no-repeat center;background-position: 0px -0px;}
.zs{width:1920px;height:840px;left: 50%;margin-left: -960px;position: relative;background: url("../images/index_02.gif") no-repeat center;background-position: 0px -0px;}
.zb{width:1920px;height:800px;left: 50%;margin-left: -960px;position: relative;background: url("../images/sm2.gif") no-repeat center;background-position: 0px -0px;}
.sz{width:1920px;height:800px;left: 50%;margin-left: -960px;position: relative;background: url("../images/index_03.jpg") no-repeat center;background-position: 0px -0px;}
.bs{width:1920px;height:800px;left: 50%;margin-left: -960px;position: relative;background: url("../images/index_03.jpg") no-repeat center;background-position: 0px -0px;}
.dt{width:1920px;height:800px;left: 50%;margin-left: -960px;position: relative;background: url("../images/index_04.jpg") no-repeat center;background-position: 0px -0px;}
.dt img{margin-top: 230px;}
.gz{width:1920px;height:800px;left: 50%;margin-left: -960px;overflow: hidden;position: relative;background: url("../images/index_05.jpg") no-repeat center;background-position: 0px -0px;}
.xz{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/sm7.gif");}
.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: -654px;top:58px;}
.slide2 .uls li{list-style: none;}
.slide2 .prev,.slide2 .next{width:40px;height:52px;}
.slide2 .prev{top:-386px;left:13px;}
.slide2 .next{top:-436px;left:1000px;}
.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: 1032px; height: 527px; left: 456px; top: 66px;}
.slide3 .uls li{list-style: none;}
.slide3 .prev,.slide3 .next{width:60px;height:80px;}
.slide3 .prev{top:-256px;left:-115px;}
.slide3 .next{top:-335px;left:1071px;background-image: url("../images/LG.html");}
.bg4con{width: 1300px; height: 620px; position: relative; top: 150px; left: 312px;z-index:99; /* border: 1px solid red; */}
#wowslider-container{zoom: 1;position: relative;width: 100%;max-width:1300px;max-height:620px;margin:0px auto 0px;z-index:100;border:none;text-align:left; /* reset align=center */font-size: 10px;}
#wowslider-container .ws_images ul{position:relative;width: 10000%;height:100%;left:0;list-style:none;margin:0;padding:0;border-spacing:0;overflow: visible;/*table-layout:fixed;*/}
#wowslider-container .ws_images ul li{position: relative;width:1%;height:100%;line-height:0; /*opera*/overflow: hidden;float:left;font-size:0;padding:0 0 0 0 !important;margin:0 0 0 0 !important;}
#wowslider-container .ws_images{position: relative;left:0;top:0;width:100%;height:100%;max-height:630px;overflow:hidden;}
#wowslider-container.fullscreen-mode .ws_images,
#wowslider-container.fullwidth-mode .ws_images{max-height:none;}
#wowslider-container .ws_images a{width:100%;display:block;color:transparent;}
#wowslider-container.fullscreen-mode .ws_images a,
#wowslider-container.fullwidth-mode .ws_images a{height:100%;}
#wowslider-container img{max-width: none !important;}
#wowslider-container .ws_images img{width:100%;border:none 0;max-width: none;padding:0;margin:0;}
#wowslider-container .ws_images iframe{position: absolute;z-index: -1;}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev{font-family: 'wowslider-controls';position:absolute;/* display:none; */text-shadow: none;text-align: center;/* background: rgb(30,165,194); */color: #fff;top:46%;margin-top:-2.5em;height: 5em;width: 5em;z-index:60;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#wowslider-container a.ws_next:hover,
#wowslider-container a.ws_prev:hover{/* background: rgba(30,165,194,0.6); */}
#wowslider-container a.ws_next{right:-158px;width:145px;height:110px;background:url(../images/02x.png) no-repeat left top;}
#wowslider-container a.ws_next:after{/* content: '\e801'; */display: block;font-size: 3.5em;line-height: 1.7em;}
#wowslider-container a.ws_prev{width:145px;height:110px;background:url(../images/01x.png) no-repeat left top;left:-115px;}
#wowslider-container a.ws_prev:after{/* content: '\e800'; */display: block;font-size: 3.5em;line-height: 1.7em;}
#wowslider-container a.ws_prev:hover:after{-webkit-animation: prevArrow .7s infinite ease-in-out;-moz-animation: prevArrow .7s infinite ease-in-out;animation: prevArrow .7s infinite ease-in-out;}
#wowslider-container a.ws_next:hover:after{-webkit-animation: nextArrow .7s infinite ease-in-out;-moz-animation: nextArrow .7s infinite ease-in-out;animation: nextArrow .7s infinite ease-in-out;}
#Download{width: 764px;height: 172px;text-align:center;position:absolute;top:890px;left:50%;margin-left: -400px;z-index:5100;border-radius:5px;background:url(../images/smdown.png) no-repeat left top;}
#Download .btn_down_s1{float:left;width: 240px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 99px;height: 91px;text-indent:-999em;margin-left: -10px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 4px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;margin-top: 42px;}
.slide4{width:1078px;height:419px;left: 50%;margin-left: -650px;top:125px;}
.slide4 .uls li{list-style: none;}
.slide4 .prev,.slide4 .next{width:140px;height:152px;}
.slide4 .prev{top:-387px;left:-60px;}
.slide4 .next{top:-537px;left:1188px;}
.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;}
#Floatingbar{width:157px;position:fixed;top:40%;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:#020202;}
#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:#020202;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:24px;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:#313030;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url("../images/arrow.html") 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: -146px;margin-top: 72px;}
#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: 67px;margin-bottom: 76px;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;z-index:9999999999999999999999;}
.container-item{width: 50px; height: 50px; background: url(../images/active.png) 0 0 no-repeat;}
.container-item img{padding-top: 35px;width: 36px; height: 36px;}
#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);}}
.footsm{width:1920px;height:142px;left: 50%;margin-left: -960px;position: relative;background-position: 0px -0px;background-image: url(../images/footsm.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;}