﻿.fp-controlArrow{
    border: 0;
    width: 70px;
    height: 70px;
}
.fp-prev {
    width: 70px;
    height: 70px;
    background: url(../images/fp-prev.png) no-repeat;
}
.fp-next {
    width: 70px;
    height: 70px;
    background: url(../images/fp-next.png) no-repeat;
}

/*第一屏*/
#section1 {
    background: url(../images/section1-bg.jpg) center no-repeat;
    background-size: cover;
}

/*第二屏*/
#section2 {
    background: url(../images/section2-bg.jpg) center no-repeat;
    background-size: cover;
}
#section2-title {
    margin: 0 auto;
    width: 100%;
}
#section2-word {
    margin: 3.58% auto 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

/*第三屏*/
#section3 {
    background: url(../images/section3-bg.jpg) center no-repeat;
    background-size: cover;
}
#section3-title {
    width: 100%;
}
#section3-word {
    margin: 3.92% 0 0 0;
    width: 100%;
    text-align: center;
    color: #333;
}

/*第四屏*/
#section4 {
    background: url(../images/section4-bg.jpg) center no-repeat;
    background-size: cover;
}
#section4-title {
    width: 100%;
}
#section4-word1 {
    margin: 5.79% auto 0;
    width: 100%;
    text-align: center;
    color: #333;
}

/*第五屏*/
#section5 {
    background: url(../images/section5-bg.jpg) center no-repeat;
    background-size: cover;
}
#section5-title {
    margin: 0 auto;
    width: 100%;
}
#section5-word {
    margin: 4.16% auto 0;
    text-align: center;
    color: #fff;
}

/*第六屏*/
#section6 {
    background: #f1f2f4;
    background-size: cover;
}
#section6-title {
    margin: 0 auto 0;
    width: 100%;
}
#section6-word1 {
    margin: 4.16% auto 0;
    text-align: center;
    color: #333;
}
#section6-img1 {
    margin: 2.2% auto 0;
    width: 64.1%;
}
#section6 .bottom {
    position: relative;
    width: 83.7%;
    height: 100%;
    /*margin: 16.9% auto 0;*/
    margin: 10.8% auto 0;
}
#section6 .bottom .left{
    background: url(../images/section6-bg.png) center no-repeat;
    background-size: cover;
    width: 27.9%;
    height: 64.7%;
    float: left;
    margin-left: 15%;
    box-sizing: border-box;
    /*padding: 26.4% 0 0 9.36%;*/
    padding: 7.4% 1.8% 5.5% 2.8%;
}
#section6 .bottom .right {
    float: left;
    margin-top: 20%;
    margin-left: 5.83%;
}
#section6 .bottom .word-font {
    position: relative;
    padding-left: 40px;
    margin-top: 19px;
    color: #252525;
}
#section6 .bottom .word-font.active {
    color: #f26255;
}
#section6 .bottom .word-font:before {
    content: attr(data-count);
    display: block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    border-radius: 100%;
    background-color: #b8b8b8;
    color: #fff;
}
#section6 .bottom .word-font.active:before {
    background-color: #f26255;
}
#section6 .slide img {
    /*width: 84%;*/
    width: 100%;
    /*margin: 26.4% 0 0 9.36%;*/
}
#section6 .fp-controlArrow {
    width: 71px;
    height: 71px;
    margin-top: -20%;
}
#section6 .fp-controlArrow.fp-prev {
    left: 0;
}
#section6 .fp-controlArrow.fp-next {
    right: 0;
}

/*第五屏*/
#section7 {
    background: url(../images/section7-bg.jpg) center no-repeat;
    background-size: cover;
}
#section7-title {
    margin: 0 auto;
    width: 100%;
}
#section7-word {
    margin: 4.16% auto 0;
    text-align: center;
    color: #333;
}
