@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

body {
    overflow-x: hidden;
}

.bigcontainer {
    width: 100%;
    background: #fff;
    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.jpg" /*tpa=http://www.58houtai.com/images/bj_01.jpg*/) 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;
}

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

.gameIntro .introTexts {
    width: 686px;
    height: 366px;
    left: 50%;
    margin-left: -503px;
    top: 108px;
}

.gameIntro .introTexts .line {
    width: 669px;
    height: 42px;
}

.gameIntro .introTexts .lineTitle {
    width: 99px;
    height: 22px;
    top: 9px;
    left: 10px;
    color: #fbfff5;
}

.gameIntro .introTexts .lineText {
    width: 521px;
    height: 26px;
    top: 14px;
    left: 120px;
    color: #000000;
}

.gameIntro .introTexts .line:hover，.gameIntro .introTexts .lineTitle:hover, .gameIntro .introTexts .lineText:hover {
    cursor: none;
}

.gameIntro .introTexts .line1 {
    left: 18px;
    top: 5px;
}

.gameIntro .introTexts .line2 {
    left: 18px;
    top: 57px;
}

.gameIntro .introTexts .line3 {
    left: 18px;
    top: 109px;
}

.gameIntro .introTexts .line4 {
    left: 18px;
    top: 161px;
}

.gameIntro .introTexts .line5 {
    left: 18px;
    top: 213px;
}

.gameIntro .introTexts .line6 {
    left: 18px;
    top: 265px;
}

.gameIntro .introTexts .line7 {
    left: 18px;
    top: 317px;
}


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


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


.zbShow {
    width: 1920px;
    height: 948px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;

    background: url("../images/bj_04.jpg" /*tpa=http://www.58houtai.com/images/bj_04.jpg*/) no-repeat center;
    background-position: 0px -0px;
    background-image: url("../images/bj_04.jpg" /*tpa=http://www.58houtai.com/images/bj_04.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.gif" /*tpa=http://www.58houtai.com/images/bj04_jcjt/gifdh.gif*/) no-repeat center;
    z-index: 50;
}

.zbShow2 {
    width: 1920px;
    height: 870px;
    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*/);
}

.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;
}


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

.zbShow4 .zbtext {
    width: 1077px;
    height: 40px;
    left: 421px;
}

.zbShow4 .zbtext .text {
    font-size: 27px;
    color: white;
}

.zbShow4 .zbtext1 {
    top: 570px;
}

.zbShow4 .zbtext2 {
    top: 1046px;
}

.zbShow4 .zbtext3 {
    top: 1524px;
}

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


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

.slide2 .slide2hd .sm1 {
    left: 0px;
}

.slide2 .slide2hd .sm1.on {
    background: url("../images/bj04fb/1.gif" /*tpa=http://www.58houtai.com/images/bj04fb/1.gif*/);
}

.slide2 .slide2hd .sm2 {
    left: 125px;
}

.slide2 .slide2hd .sm2.on {
    background: url("../images/bj04fb/2.gif" /*tpa=http://www.58houtai.com/images/bj04fb/2.gif*/);
}

.slide2 .slide2hd .sm3 {
    left: 250px;
}

.slide2 .slide2hd .sm3.on {
    background: url("../images/bj04fb/3.gif" /*tpa=http://www.58houtai.com/images/bj04fb/3.gif*/);
}

.slide2 .slide2hd .sm4 {
    left: 375px;
}

.slide2 .slide2hd .sm4.on {
    background: url("../images/bj04fb/4.gif" /*tpa=http://www.58houtai.com/images/bj04fb/4.gif*/);
}

.slide2 .slide2hd .sm5 {
    left: 751px;
}

.slide2 .slide2hd .sm5.on {
    background: url("../images/bj04fb/5.gif" /*tpa=http://www.58houtai.com/images/bj04fb/5.gif*/);
}

.slide2 .slide2hd .sm6 {
    left: 940px;
}

.slide2 .slide2hd .sm6.on {
    background: url("../images/bj04fb/6.gif" /*tpa=http://www.58houtai.com/images/bj04fb/6.gif*/);
}

.slide3 {
    width: 1032px;
    height: 527px;
    left: 156px;
    top: 66px;

}

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

.slide3 .prev, .slide3 .next {
    width: 60px;
    height: 80px;
}

.slide3 .prev {
    top: -406px;
    left: 5px;
}

.slide3 .next {
    top: -485px;
    left: 1521px;
    background-image: url("../images/LG.png" /*tpa=http://www.58houtai.com/images/LG.png*/);
}


.slide4 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -540px;
    top: 226px;

}

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

.slide4 .prev, .slide4 .next {
    width: 40px;
    height: 52px;
}

.slide4 .prev {
    top: -307px;
    left: -639px;
}

.slide4 .next {
    top: -357px;
    left: 608px;
}


.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.png" /*tpa=http://www.58houtai.com/images/line_x.png*/) 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.png" /*tpa=http://www.58houtai.com/images/arrow.png*/) no-repeat right top;
    cursor: pointer;
}

#Floatingbar .btn.change {
    background-position: left top;
}


.navs {
    width: 1200px;
    height: 96px;
    left: 50%;
    margin-left: -440px;
    top: 880px;
    z-index: 99;
}

.nav1, .nav2, .nav3, .nav4 {
    width: 280px;
    height: 70px;
    /* margin-right: 166px; */
}

.nav1 {
    /* margin-left:90px; */
    background: url("../images/xz.png" /*tpa=http://www.58houtai.com/images/xz.png*/) no-repeat;
}

.nav1:hover, .nav2:hover，.nav3:hover，.nav4:hover {
    cursor: pointer;
}

.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover {
    margin-top: 0px;
}


.nav2 {
    background: url("../images/cz.png" /*tpa=http://www.58houtai.com/images/cz.png*/) no-repeat;
    margin-left: 24px;
}


.nav3 {
    background: url("../images/kf.png" /*tpa=http://www.58houtai.com/images/kf.png*/) no-repeat;
    /* margin-left: 38px; */
    /* margin-top: 27px; */
    margin-left: 24px;
}


.navss {
    width: 1200px;
    height: 56px;
    left: 50%;
    margin-left: -538px;
    top: 572px;
    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" /*tpa=http://www.58houtai.com/images/btn_1.png*/) no-repeat;
    cursor: pointer;
}

.navs2:hover {
    background: url("../images/btn_2.png" /*tpa=http://www.58houtai.com/images/btn_2.png*/) no-repeat;
    cursor: pointer;
    margin-top: -1px;
}

.navs3:hover {
    background: url("../images/btn_3.png" /*tpa=http://www.58houtai.com/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;
}

.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: 1200px;
    height: 1100px; /* border: 1px solid red; */
    margin: 0px auto;
    position: absolute;
    top: 150px;
    left: 360px;
}

.zhuangbei_ul {
}

.zhuangbei_ul li {
    width: 120px;
    height: 80px;
    float: left;
    cursor: pointer;
    margin-right: 0px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 50px;
}


#preview {
    position: absolute;
    border: 1px solid #614635;
    background: #3c2116;
    padding: 5px;
    display: none;
    color: #fff;
}

.container-item {
    width: 113px;
    height: 50px;
    background: url("../images/active.png" /*tpa=http://www.58houtai.com/images/active.png*/) 0 0 no-repeat;
}

.container-item img {
    padding-top: 0px;
}


#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: 162px;
    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;
}


#Skillzd {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 226px;
}

#Skillze {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 75px;
}

#Skillzf {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 81px;
}

#Skillzg {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 80px;
}

#Skillzh {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 80px;
}

#Skillzi {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 81px;
}

#Skillzj {
    float: left;
    width: 1508px;
    height: 45px;
    padding-bottom: 0px;
    margin-left: 311px;
    margin-top: 81px;
}

.itema ul {
}

.itema li {
    width: 108.5px;
    height: 90px;
    float: left;
    list-style: none;
}

.itemca {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.itemca a, .itemca span {
    display: none;
    text-decoration: none
}

.itemca:hover {
    cursor: pointer
}

.itemca:hover a.now {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    display: block;
}

.itemca: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;
}

.itemaa ul {
}

.itemaa li {
    width: 137.5px;
    height: 40px;
    float: left;
    list-style: none;
}

.itemcaa {
    position: relative;
    width: 40px;
    height: 40px;
    margin: 0 auto
}

.itemcaa a, .itemcaa span {
    display: none;
    text-decoration: none
}

.itemcaa:hover {
    cursor: pointer
}

.itemcaa:hover a.now {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    left: 0;
    display: block;
}

.itemcaa:hover span {
    display: block;
    position: absolute;
    bottom: 300px;
    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;
}


.zhiye_cont {
    position: absolute;
    width: 1920px;
    height: 585px;
    left: 0;
    top: 201px;
}

.mp_video {
    position: absolute;
    width: 1090px;
    height: 585px;
    right: 0;
    top: 0;
    overflow: hidden;
}

.mp_video video {
    min-width: 100%;
    min-height: 585px;
}

.zy_img {
    position: absolute;
    z-index: 1;
}

.zy_zhanshi_img {
    left: -2px;
    top: -3px;
}


.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.png" /*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);
    }
}


#photoshow {
    position: relative;
    margin: 0 auto;
    *margin-top: 233px;
    margin-top: 291px;
}

#photoshow .center {
}

#photoshow .dot {
    width: 207px;
    height: 21px;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -103px;
    display: none;
}

#photoshow .btn_next, #photoshow .btn_prev {
    width: 63px;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 500;
}

#photoshow .btn_prev span, #photoshow .btn_next span {
    width: 63px;
    height: 63px;
    position: absolute;
    top: 50%;
    margin-top: -31px;
    background: url("../images/wm_button_icon.png" /*tpa=http://www.58houtai.com/images/wm_button_icon.png*/) no-repeat left top;
    background-repeat: no-repeat;
}

#photoshow .btn_prev {
    left: 50%;
    margin-left: -553px;
}

#photoshow .btn_prev span {
    background-position: left top;
}

#photoshow .btn_prev:hover span {
    background-position: left bottom;
}

#photoshow .btn_next {
    right: 50%;
    margin-right: -501px;
}

#photoshow .btn_next span {
    background-position: right top;
}

#photoshow .btn_next:hover span {
    background-position: right bottom;
}

.photolist {
    width: 521px;
    height: 416px;
    margin: 0 auto;
}

.photolist li {
    width: 386px;
    height: 482px;
    text-align: center;
    overflow: hidden;
    background-color: #000;
    cursor: pointer;
}

.photolist li img {
    width: 100%;
    height: 100%;
    display: block;
}

.photolist li.roundabout-in-focus {
    cursor: default;
}