@charset "utf-8";

/*banner*/
.banner {
    width: 100%;
    height: 900px;
    background: url(../img/banner.jpg)top center no-repeat;
    position: relative;
    background-attachment: fixed;
}

.banner .animated {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 37%;
    width: 722px;
    margin-left: -361px;
}

.banner .animated .animate-title {
    font-size: 60px;
    color: #ffffff;
    letter-spacing: 12px;
}

.banner .animated .animate-text {
    font-size: 30px;
    color: #ffffff;
    letter-spacing: 6px;
    margin-top: 14px;
}

/*contain*/
.contain {
    background: #ffffff;
    min-width: 1200px;
}

.contain .advantage {
    width: 1200px;
    padding-top: 98px;
    padding-bottom: 98px;
    margin: 0 auto;
}

.contain .advantage ul li {
    display: inline-block;
    margin-right: 294px;
    text-align: center;
}

.contain .advantage ul li:last-child {
    margin-right: 0;
}

.contain .advantage ul li .top-title {
    font-size: 20px;
    color: #494949;
    line-height: 20px;
    margin-top: 36px;
}

.contain .advantage ul li .bottom-text {
    font-size: 14px;
    line-height: 14px;
    color: #9b9ba6;
    margin-top: 20px;
}

.contain .invest {
    background: #fafafa;
    padding-top: 120px;
    padding-bottom: 155px;
    overflow: hidden;
}

.contain .invest .title,
.contain .partner .title {
    text-align: center;
}

.contain .invest .title h3,
.contain .partner .title h3 {
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    color: #333333;
}

.contain .invest .invest-ul,
.contain .partner .partner-ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.contain .invest .invest-ul li {
    display: inline-block;
    margin-top: 80px;
    margin-right: 135px;
}

.contain .invest .invest-ul li:first-child {
    margin-right: 165px;
}

.contain .invest .invest-ul li:nth-child(4) {
    margin-right: 150px;
}

.contain .invest .invest-ul li:last-child {
    margin-right: 0;
}

.contain .partner {
    padding-top: 120px;
    padding-bottom: 168px;
    overflow: hidden;
}

.contain .partner .partner-ul li {
    display: inline-block;
    margin-top: 80px;
    margin-right: 124px;
}

.contain .partner .partner-ul li:last-child {
    margin-right: 0;
}

/*css3动画*/
#dowebok {
    animation-duration: 1s;
    /*动画持续时间*/
    animation-delay: 0.5s;
    /*动画延迟时间*/
    animation-iteration-count: 1;
    /*动画执行次数*/
}

.contain .invest .invest-ul .js-p1,
.contain .partner .partner-ul .js-p2 {
    animation-duration: 1s;
    /*动画持续时间*/
    animation-delay: 0.2s;
    /*动画延迟时间*/
    animation-iteration-count: 1;
    /*动画执行次数*/
}