/* CSS Document */

* {
    margin: 0;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

body {
    overflow-x: hidden;
}

.contentpd {
    display: block;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    z-index: 100;
    margin-top: 160px;
}

.slide-box {
    position: relative;
    margin: 70px auto 0;
    z-index: 100;
}

.slide-list {
    position: relative;
    top: 0;
    left: 0;
    list-style: none;
    height: 674px;
    margin: 0 auto;
    perspective: 500px;
}

.slide-list li {
    position: absolute;
    width: 1044px;
    height: 539px;
    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: 45px;
    height: 78px;
    position: absolute;
    top: 578px;
    right: 34px;
    z-index: 120;
    cursor: pointer;
}

.p9-prev {
    background: url("../image/left-v.png"/*tpa=http://www.woiurha.club:10311/images/left-v.png*/) center top;
}

.p9-next {
    background: url("../image/right-v.png"/*tpa=http://www.woiurha.club:10311/images/right-v.png*/) center top;
    top: 500px;
}

.dot-list {
    width: 380px;
    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);
    }
}