﻿@charset "utf-8";

/* 1 */
.intro__bg {
    background-color: #0095d9;
    background-image: url(../img/intro/intro__bg.png);
    background-size: 2000px 520px;
    background-repeat: no-repeat;
    background-position-x: center;
    z-index: 200;
}

.intro__wrapper {
    width: 1200px;
}

.intro__1__title__bg {
    width: 1200px;
    height: 200px;
    background-image: url(../img/intro/intro__title__1.png);
    background-size: 1200px 200px;
    background-repeat: no-repeat;
    z-index: 300;
}

.intro__1__title__text {
    padding-top: 65px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 47px;
    font-weight: 500;
    color: #f7f7f7;
}

.intro__1__title__text__chinese {
    padding-top: 65px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 44px;
    font-weight: 500;
    color: #f7f7f7;
}

.intro__1__interval__h__1 {
    height: 70px;
}

.intro__text__1 {
    width: 1000px;
    line-height: 40px;
    text-align: center;
    font-size: 37px;
    color: #f7f7f7;
}

.intro__text__1__chinese {
    width: 1000px;
    line-height: 40px;
    text-align: center;
    font-size: 34px;
    color: #f7f7f7;
}

.intro__1__interval__h__2 {
    height: 30px;
}

.intro__text__2 {
    width: 1000px;
    line-height: 40px;
    text-align: center;
    font-size: 27px;
    color: #f7f7f7;
}

.intro__text__2__chinese {
    width: 1000px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    color: #f7f7f7;
}

.intro__1__interval__h__3 {
    height: 40px;
}

.intro__1__decorate {
    width: 1000px;
    height: 60px;
    background-image: url(../img/intro/intro__decorate__r.png);
    background-size: 1000px 60px;
    background-repeat: no-repeat;
    z-index: 300;
}

.intro__1__thumb__1 {
    height: 282px;
}

.intro__1__interval__w__1 {
    width: 50px;
    float: left;
}

.intro__1__thumb__2 {
    width: 492px;
    float: left;
}

    .intro__1__thumb__2 img {
        max-width: 492px;
        max-height: 282px;
    }

.intro__1__interval__w__2 {
    width: 106px;
    float: left;
}

.intro__1__interval__h__4 {
    height: 60px;
}

.intro__1__interval__h__5 {
    height: 140px;
}

/* 2 */
.intro__2__title__bg {
    width: 1200px;
    height: 80px;
    background-image: url(../img/intro/intro__title__2.png);
    background-size: 1200px 80px;
    background-repeat: no-repeat;
    z-index: 300;
}

.intro__2__title__text {
    padding-top: 15px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 37px;
    font-weight: 500;
    color: #0095d9;
}

.intro__2__title__text__chinese {
    padding-top: 15px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    color: #0095d9;
}

.intro__2__interval__h__1 {
    height: 50px;
}

.intro__2__thumb__1 {
    width: 1034px;
    height: 282px;
}

/* 3 */
.intro__3__title__bg {
    width: 1200px;
    height: 80px;
    background-image: url(../img/intro/intro__title__3.png);
    background-size: 1200px 80px;
    background-repeat: no-repeat;
    z-index: 300;
}

.intro__text__3 {
    width: 1000px;
    line-height: 40px;
    text-align: left;
    font-size: 27px;
    color: #f7f7f7;
}

.intro__text__3__chinese {
    width: 1000px;
    line-height: 40px;
    text-align: left;
    font-size: 24px;
    color: #f7f7f7;
}

.intro__3__interval__h__1 {
    height: 60px;
}

.intro__3__character__1__1 {
    padding-left: 102px;
    height: 180px;
}

.intro__3__character__1__2 {
    height: 180px;
    background-image: url(../img/intro/intro__character__1__r.png);
    background-size: 900px 180px;
    background-repeat: no-repeat;
    z-index: 300;
}

.intro__3__interval__h__2 {
    height: 70px;
}

.intro__3__character__2__1 {
    padding-left: 197px;
    height: 180px;
}

.intro__3__character__2__2 {
    height: 180px;
    background-image: url(../img/intro/intro__character__2__r.png);
    background-size: 900px 180px;
    background-repeat: no-repeat;
    z-index: 300;
}

.intro__3__interval__h__3 {
    height: 100px;
}

/* 4 */
.intro__4__title__bg {
    width: 1200px;
    height: 80px;
    background-image: url(../img/intro/intro__title__4.png);
    background-size: 1200px 80px;
    background-repeat: no-repeat;
    z-index: 300;
}