.section1 {
    position: relative;
    background: url(../images/cover.gif) no-repeat center;
    background-size: cover;
}
.main {
    position: absolute;
    width: 1000px;
    height: 100%;
    left: 50%;
    margin-left: -500px;
}
.section1 .main .title {
    background: url(../images/title.png) no-repeat center;
    width: 865px;
    height: 408px;
    position: absolute;
    left:50%;
    top:4%;
    margin-left: -501.5px;
    animation: slideIn 2s ease-in;
    animation-fill-mode: forwards;
}
@keyframes slideIn{
    0% {
        opacity:0;
        filter:alpha(opacity=0);
    }
    30%{
        opacity:0.3;
        filter:alpha(opacity=30);
    }
    50%{
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    70%{
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    100% {
        opacity:1;
        filter:alpha(opacity=100);
    }
}
@-webkit-keyframes slideIn{
    0% {
        opacity:0;
        filter:alpha(opacity=0);
    }
    30%{
        opacity:0.3;
        filter:alpha(opacity=30);
    }
    50%{
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    70%{
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    100% {
        opacity:1;
        filter:alpha(opacity=100);
    }
}
.section1 .main .cnr {
    background: url(../images/cnr.png) no-repeat center;
    width: 148px;
    height: 67px;
    margin: 5.6% auto 0;
}
.section1 .main .button {
    background: url(../images/button.png) no-repeat center;
    width: 103px;
    height: 128px;
    position: absolute;
    left:50%;
    bottom: 3.9%;
    margin-left: -51.5px;
    animation: upDown 1s linear alternate infinite;
}
@keyframes upDown {
    from{
        transform: translateY(10px);
    }
    to{
        transform: translateY(-10px);
    }
}
.section2 {
    position: relative;
    background: url(../images/back0.jpg) no-repeat center;
    background-size: cover;
}
.section2 .main .title {
    background: url(../images/title0.png) no-repeat center;
    width: 866px;
    height: 240px;
    position: absolute;
    left:50%;
    top:11%;
    margin-left: -433px;
}
.wrap0{
    width: 340px;
    height: 333px;
    background: url(../images/wrap0.png) no-repeat center;
    position: absolute;
    left:0;
    top: 41.9%;
}
.list{
    width: 281px;
    height: 46px;
    line-height: 46px;
    padding-left: 18px;
    background: url(../images/dot.png) no-repeat;
    background-position: 0 19px;
    background-size: 8px 8px;
    border-bottom: 2px solid #dec2a5;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list a{
    font-size: 16px;
    color: #333;
}
.wrap0 .more{
    width: 62px;
    height: 18px;
    float: right;
    margin-right: 17px;
    margin-top: 15px;
}
.video_wraper {
    position: absolute;
    right: 0;
    top: 41.9%;
    width: 600px;
    height: 333px;
}
#video{
    width: 100%;
    height: 100%;
}
.section3 {
    position: relative;
    background: url(../images/back1.jpg) no-repeat center;
    background-size: cover;
}
.section3 .main .title {
    background: url(../images/title1.png) no-repeat center;
    width: 836px;
    height: 142px;
    position: absolute;
    left:50%;
    top:10.8%;
    margin-left: -418px;
}
.section3 .main .intro {
    background: url(../images/intro.png) no-repeat center;
    width: 665px;
    height: 224px;
    position: absolute;
    left:55px;
    top:22.2%;
}
.section3 .main .button {
    width: 220px;
    height: 126px;
    position: absolute;
    right:90px;
    top:38%;
    z-index: 2;
}

.section3 .main .people {
    background: url(../images/people.png) no-repeat center;
    width: 814px;
    height: 516px;
    position: absolute;
    left:0;
    top:44%;
}
.section4 {
    position: relative;
    background: url(../images/back2.jpg) no-repeat center;
    background-size: cover;
}
.section4 .main .title {
    background: url(../images/title2.png) no-repeat center;
    width: 731px;
    height: 123px;
    position: absolute;
    left:50%;
    top:10.1%;
    margin-left: -365.5px;
}
.section4 .main .intro {
    background: url(../images/intro.png) no-repeat center;
    width: 665px;
    height: 224px;
    position: absolute;
    left:300px;
    top:22.2%;
}
.section4 .main .button {
    width: 220px;
    height: 126px;
    position: absolute;
    left:55px;
    top:27.6%;
    z-index: 2;
}
.section4 .main .people {
    background: url(../images/people2.png) no-repeat center;
    width: 947px;
    height: 533px;
    position: absolute;
    left:0;
    top:40.6%;
}
.section5 {
    position: relative;
    background: url(../images/back3.jpg) no-repeat center;
    background-size: cover;
}
.section5 .main .title {
    background: url(../images/title3.png) no-repeat center;
    width: 806px;
    height: 144px;
    position: absolute;
    left:119px;
    top:10.1%;
}
.section5 .main .intro {
    background: url(../images/intro.png) no-repeat center;
    width: 665px;
    height: 224px;
    position: absolute;
    left:84px;
    top:22.2%;
}
.section5 .main .button {
    width: 220px;
    height: 126px;
    position: absolute;
    left:94px;
    top:54%;
    z-index: 2;
}
.section5 .main .people {
    background: url(../images/people3.png) no-repeat center;
    width: 588px;
    height: 553px;
    position: absolute;
    right:0;
    top:40.6%;
}
.section6 {
    position: relative;
    background: url(../images/p-7.gif) no-repeat center;
    background-size: cover;
}
.section6 .main .title {
    background: url(../images/title4.png) no-repeat center;
    width: 677px;
    height: 113px;
    position: absolute;
    left:50%;
    top:10.1%;
    margin-left: -328.5px;
}
.section6 .main .intro {
    background: url(../images/intro.png) no-repeat center;
    width: 665px;
    height: 224px;
    position: absolute;
    right:-40px;
    top:20%;
}
.section6 .main .button {
    width: 310px;
    height: 48px;
    position: absolute;
    left:-225px;
    top:80%;
    z-index: 2;
}
.section6 .main .people {
    background: url(../images/people4.png) no-repeat center;
    width: 750px;
    height: 577px;
    position: absolute;
    left:0;
    top:33.9%;
}
.section7 {
    position: relative;
    background: url(../images/p-6.gif) no-repeat center;
    background-size: cover;
}
.section7 .main .title {
    background: url(../images/title5.png) no-repeat center;
    width: 803px;
    height: 127px;
    position: absolute;
    left:124px;
    top:10.1%;
}
.section7 .main .intro {
    background: url(../images/intro.png) no-repeat center;
    width: 665px;
    height: 224px;
    position: absolute;
    right:30px;
    top:21%;
}
.section7 .main .button {
    width: 310px;
    height: 48px;
    position: absolute;
    left:-225px;
    top:80%;
    z-index: 2;
}
.section7 .main .people {
    background: url(../images/people5.png) no-repeat center;
    width: 1132px;
    height: 518px;
    position: absolute;
    left:-190px;
    top:42.3%;
}
 .intro p{
            width: 543px;
            font-size: 18px;
            color: #a8611e;
            margin: 91px auto 0;
            line-height: 35px;
}