@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}
.mybtn {
    background-image: url("../images/btn01.png");
    background-repeat: no-repeat;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #FFFFFF;
    width: 155px;
    height: 48px;
    
    text-align: center;
    line-height: 45px;
}

.mybtn:hover {
    background-image: url("../images/btn02.png");
    background-repeat: no-repeat;
}
.bt-line{width: 30px; height: 1px; border: 2px solid #2C82FC; border-radius: 5px; margin-top:10px;}
.child{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section01 {
    background-image: url("../images/section01-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 500px;
    position: relative;
}

.first-text {
    display: block;
    margin-top: 10px;
    text-align: center;
}
.first-gongyi{
    display: block;
    margin-top: 10px;
    text-align: center;
}

.btn-area {
    display: block;
    text-align: center;
    padding-top: 120px;
}

.section02 {
    background-color: #F9FAFD;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 500px;
}
.second-text {
    width: 40%;
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 40% 40%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 160px;
    padding-bottom: 50px;

    
}
.second-text h3{
    font-size: 40px;
    padding-left: 180px;
}


.second-icon {
    width: 60%;
    float: right;
    display: block;
    text-align: center;
    padding-top: 56px;
    padding-bottom: 45px;
}

.section03 {
    width: 100%;
    height: 500px;
}

.third-icon {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
     padding-top: 36px;
     padding-left:88px;
}

.third-text {
    width: 50%;
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 21% 50%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 180px;
    padding-bottom: 70px;
}

.third-text h3{
    font-size: 40px;
}

.third-text .desc{
    font-size: 24px;
    line-height: 33px;
    margin-top: 20px;
}

.section04 {
    background-color:#F9FAFD;
    width: 100%;
    height: 500px;
}
.forth-text {
    width: 40%;
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 21% 36%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 146px;
    padding-bottom: 55px;
}
.forth-text h3{
    font-size: 40px;
}

.forth-text .desc{
    font-size: 24px;
    line-height: 33px;
    margin-top: 20px;
}


.forth-icon {
    width: 60%;
    float: right;
    display: block;
    text-align: center;
    padding-top: 49px;
    padding-bottom: 45px;
}

.section05 {
    width: 100%;
    height: 600px;
}
.fifth-text {
    width: 40%;
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 11% 36%;
    float: right;
    display: block;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 50px;
}
.fifth-text h3{
    font-size: 40px;
}

.fifth-text .desc{
    font-size: 24px;
    line-height: 33px;
    margin-top: 20px;
}

.fifth-icon {
    width: 60%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 89px;
    padding-bottom: 60px;
}
.section06 {
    background-color:#F9FAFD;
    width: 100%;
    height: 600px;
}
.sixth-text {
    width: 40%;
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 10% 36%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 135px;
    padding-bottom: 20px;
}
.sixth-text h3{
    font-size: 40px;
}

.sixth-text .desc{
    font-size: 24px;
    line-height: 33px;
    margin-top: 20px;
}

.sixth-icon {
    width: 60%;
    float: right;
    display: block;
    text-align: center;
    padding-top: 110px;
    padding-bottom: 55px;
}
.section07 {
    width: 100%;
    height: 500px;
}
.seventh-text {
    width: 50%;
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 21% 36%;
    float: right;
    display: block;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 50px;
}
.seventh-text h3{
    font-size: 40px;
}

.seventh-text .desc{
    font-size: 24px;
    line-height: 33px;
    margin-top: 20px;
}

.seventh-icon {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
    padding-top: 89px;
    padding-bottom: 60px;
}
.section08 {
    width: 100%;
    height: 600px;
    background-color:#F9FAFD;
}
.eighth-text {
    background-image: url("../images/icon01.png");
    background-repeat: no-repeat;
    background-position: 43% 36%;
    display: block;
    text-align: center;
    padding-top: 130px;
    padding-bottom: 50px;
     position: relative;
}
.eighth-text h3{
    font-size: 40px;
}

.eighth-text .desc{
    font-size: 24px;
    line-height: 33px;
    margin-top: 20px;
}
.eighth-text .add{
    width: 250px;
    height: 30px;
    line-height: 30px;
    background: rgba(44,130,252,0.15);
    border-radius: 20px;
    text-align: center;
    position: absolute;
    margin-top: 10px; 
    left: 50%; 
    margin-left: -125px; 
}

.eighth-icon {
    display: block;
    text-align: center;
    padding-bottom: 60px;
}