.about-banner {
    width: 100%;
    position: relative;
}

.about-banner img {
    width: 100%;
}

.about-banner-title {
    font-size: 3rem;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28.125rem;
    margin-left: -14.063rem;
    text-shadow: 5px 5px 5px rgba(219, 130, 52, 0.2);
}

.about-title {
    width: 87.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 5rem;
}

.about-title span:nth-of-type(1) {
    font-size: 2rem;
    font-weight: bold;
    color: #333333;
}

.about-title span:nth-of-type(2) {
    margin-top: 1.31rem;
    font-size: 24px;
    color: #666666;
}

.about-titlepic {
    width: 87.5rem;
    height: 25.38rem;
    margin: 0 auto;
    margin-top: 2.38rem;
    background-image: url(/uploads/image/ciabout/about-pic.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-titlepic-text {
    width: 12rem;
    margin-left: 51rem;
    margin-top: 0.5rem;
}

.about-titlepic-h1 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: bold;
    color: #e1f3fc;
    margin-bottom: 0.938rem;
}

.about-titlepic-h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-weight: bold;
    color: #e1f3fc;
    margin-bottom: 1.25rem;
}

.about-titlepic-divider {
    width: 5.69rem;
    height: 0.13rem;
    background-color: #bedbfd;
    border-radius: 0.06rem;
    margin-bottom: 1.25rem;
}

.about-titlepic-eng {
    font-size: 1.13rem;
    color: #e1f3fc;
}

.about-intro {
    width: 87.5rem;
    margin: 0 auto;
    margin-top: 2rem;
}

.about-intro-title {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 1.31rem;
}

.about-intro-content {
    width: 100%;
    font-size: 1.25rem;
    color: #666666;
    line-height: 2.5rem;
}

.about-development {
    width: 75rem;
    margin: 0 auto;
    margin-top: 4.94rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-development-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-development-title span:nth-of-type(1) {
    font-size: 2rem;
    line-height: 2rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 1.5rem;
}

.about-development-title span:nth-of-type(2) {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #666666;
}

.about-development-pic {
    margin-top: 2.5rem;
    width: 100%;
    height: 97.25rem;
    background-image: url(/uploads/image/ciabout/timer1.png);
    background-repeat: no-repeat;
    background-position: 37.5rem 0;
    background-size: 1.1875rem auto;
    position: relative;
}

.d-com {
    display: flex;
    align-items: center;
    width: 75rem;
}

.d-com span {
    font-size: 1.88rem;
    color: #333333;
}

.about-development-pic-item1 img:nth-of-type(1) {
    width: 8.31rem;
    height: 11.75rem;
}

.about-development-pic-item2-cot,
.about-development-pic-item3-cot,
.about-development-pic-item4-cot,
.about-development-pic-item5-cot,
.about-development-pic-item6-cot,
.about-development-pic-item7-cot,
.about-development-pic-item8-cot,
.about-development-pic-item9-cot {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.about-development-pic-item1-cot,
.about-development-pic-item3-cot,
.about-development-pic-item5-cot,
.about-development-pic-item7-cot,
.about-development-pic-item9-cot {
    margin-right: 8.13rem;
    box-sizing: border-box;
    padding-left: 1.75rem;
    list-style: disc;
    font-size: 1.25rem;
    color: #666666;
    line-height: 1.88rem;
}

.about-development-pic-item2,
.about-development-pic-item4,
.about-development-pic-item6,
.about-development-pic-item8 {
    margin-left: 28.375rem;
    color: #666666;
}

.about-development-pic-item2 {
    margin-top: -0.95rem;
}

.about-development-pic-item2-cot,
.about-development-pic-item4-cot,
.about-development-pic-item6-cot,
.about-development-pic-item8-cot {
    margin-left: 7.88rem;
}

.about-development-pic-item2-cot ul,
.about-development-pic-item4-cot ul,
.about-development-pic-item8-cot ul {
    margin-left: 4.25rem;
    margin-top: 1.38rem;
}

.about-development-pic-item2-cot li,
.about-development-pic-item4-cot li,
.about-development-pic-item8-cot li,
.about-development-pic-item9-cot li {
    list-style: disc;
    font-size: 1.25rem;
    line-height: 1.88rem;
    margin-bottom: 0.313rem;
}

/* 2021������ */
.about-development-pic-item9 {
    margin-top: 7.5rem;
}

.about-development-pic-item9-cot {
    width: 34.75rem;
    height: 6.69rem;
    background-image: url(/uploads/image/ciabout/honor-4.png);
}

.about-development-pic-item9-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-4-this.png);
}

.about-development-pic-item9-cot ul {
    margin-left: 0.5rem;
    margin-top: 1.5rem;
}

.about-development-pic-item9-cot li {
    list-style: disc;
    width: 30rem;
}

/* 2020������ */
.about-development-pic-item8 {
    margin-top: 2.125rem;
}

.about-development-pic-item8-cot {
    width: 34.44rem;
    height: 8.8rem;
    background-image: url(/uploads/image/ciabout/honor-1.png);
}

.about-development-pic-item8-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-1-this.png);
}

/* 2019������ */
.about-development-pic-item1 {
    margin-left: 10.913rem;
    margin-top: -1.625rem;
}

.about-development-pic-item1-cot {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 16.875rem;
}

/* 2018������ */
.about-development-pic-item2-cot {
    width: 34.44rem;
    height: 8.8rem;
    background-image: url(/uploads/image/ciabout/honor-1.png);
}

.about-development-pic-item2-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-1-this.png);
}


.about-development-pic-item3 {
    margin-left: 6.875rem;
    margin-top: 2.7rem;
}

.about-development-pic-item3-cot {
    width: 28.25rem;
    height: 5.81rem;
    background-image: url(/uploads/image/ciabout/honor-2.png);
    padding-top: 1.81rem;
}

.about-development-pic-item3-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-2-this.png);
}

.about-development-pic-item4 {
    margin-top: 2.5rem;
}

.about-development-pic-item4-cot {
    width: 34.75rem;
    height: 9rem;
    background-image: url(/uploads/image/ciabout/honor-1.png);
}

.about-development-pic-item4-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-1-this.png);
}

.about-development-pic-item5 {
    margin-top: 2.1rem;
}

.about-development-pic-item5-cot {
    width: 34.75rem;
    height: 6.69rem;
    background-image: url(/uploads/image/ciabout/honor-4.png);
}

.about-development-pic-item5-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-4-this.png);
}

.about-development-pic-item5-cot ul {
    margin-left: 0.5rem;
    margin-top: 1.5rem;
}

.about-development-pic-item5-cot li {
    list-style: disc;
    width: 30rem;
}

.about-development-pic-item6 {
    margin-top: 3.1rem;
}

.about-development-pic-item6-cot {
    width: 34.75rem;
    height: 6.69rem;
    background-image: url(/uploads/image/ciabout/honor-5.png);
    font-size: 1.25rem;
    color: #666666;
    line-height: 1.88rem;
    box-sizing: border-box;
    padding-left: 2.81rem;
    padding-top: 1.44rem;
}

.about-development-pic-item6-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-5-this.png);
}

.about-development-pic-item7 {
    margin-top: 4rem;
    margin-left: 26.25rem;
}

.about-development-pic-item7-cot {
    width: 8.63rem;
    height: 5.63rem;
    background-image: url(/uploads/image/ciabout/honor-6.png);
    font-size: 1.25rem;
    color: #666666;
    line-height: 1.88rem;
    box-sizing: border-box;
    padding-left: 1.31rem;
    padding-top: 1.8rem;
}

.about-development-pic-item7-cot:hover {
    color: #e1f3fc;
    background-image: url(/uploads/image/ciabout/honor-6-this.png);
}

.about-honor {
    width: 100%;
    margin-top: 3.75rem;
    background-color: #eff1f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 2.813rem;
}

.about-honor-title {
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
}

.about-honor-title span:nth-of-type(1) {
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.about-honor-title span:nth-of-type(2) {
    font-size: 1.63rem;
    line-height: 1.63rem;
    color: #666666;
}

.about-honor-pic {
    width: 87.5rem;
    margin-top: 2.38rem;
    overflow: hidden;
}

.about-honor-pic img {
    float: left;
    width: 20.438rem;
    height: 28.875rem;
    margin-right: 1.875rem;
    margin-bottom: 2.188rem;
}

.about-honor-pic img:nth-of-type(4n) {
    margin-right: 0;
}

footer {
    margin-top: 0;
}