﻿.n_banner {
    padding-top: 30px;
    height: 360px;
    position: relative;
    z-index: 9;
    margin-top: 99px
}

.n_banner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.n_banner .bg img {
    margin: 0 auto
}

.n_banner img {
    margin: 0 auto;
    display: block
}

.n_banner h1 {
    font-size: 30px;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 10px
}

.n_banner h2 {
    font-size: 24px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 50px
}

.n_banner span {
    font-size: 12px;
    color: #686867;
    display: block;
    text-align: center;
    line-height: 50px
}

#about_content {
    padding-top: 0.1px
}

#about_banner .logo_about {
    padding: 90px 0 0 0
}

#about_banner h1 {
    margin-top: 20px
}

#about_content .f1 {
}

#about_content .f1 .left {
    width: 50%;
    background: #ff1d00;
    padding: 20px 0;
    height: 340px
}

#about_content .f1 .left img {
    padding-right: 30px
}

#about_content .f1 .right {
    width: 50%;
    background: #f3f4f6;
    height: 380px
}

#about_content .f1 .right .box {
    padding: 70px 0 70px 50px
}

#about_content .f1 .right .box h1 {
    font-size: 18px;
    margin-bottom: 30px
}

#about_content .f1 .right .box p {
    font-size: 14px;
    color: #434345;
    line-height: 30px
}

#about_content .f1 {
}

#about_content .f2 .right {
    width: 50%
}

#about_content .f2 .right img {
    margin: 0;
    display: block;
    padding: 0;
    float: left
}

#about_content .f2 .left {
    width: 50%
}

#about_content .f2 .left .box {
    padding: 40px 0 40px 50px;
    width: 600px
}

#about_content .f2 .left .box h1 {
    font-size: 18px;
    margin-bottom: 30px
}

#about_content .f2 .left .box p {
    font-size: 14px;
    color: #434345;
    line-height: 30px
}

#about_content .f3 .up {
    background: #1c1c1e;
    margin: 80px auto 40px auto;
    padding: 70px 0
}

#about_content .f3 .up h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center
}

#about_content .f3 .up p {
    color: #88888e;
    font-size: 14px;
    text-align: center
}

#about_content .f3 .un .un_up ul {
    margin: 0 -40px
}

#about_content .f3 .un .un_up li {
    display: block;
    margin: 60px;
    float: left;
    width: 200px
}

#about_content .f3 .un .un_up li .number {
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    background: #ff1d00;
    height: 210px;
    width: 200px
}

#about_content .f3 .un .un_up li .number h2 {
    font-family: "Heiti", Arial, Helvetica, sans-serif;
    line-height: 210px;
    color: #fff;
    font-size: 100px;
    text-align: center
}

#about_content .f3 .un .un_up li .number #about_more {
    position: absolute;
    right: 20px;
    top: 20px
}

#about_content .f3 .un .un_up li .number .line {
    height: 10px;
    display: block;
    background: #ff1d00;
    position: absolute;
    top: 50%;
    z-index: 16;
    width: 100%
}

#about_content .f3 .un .un_up li h1 {
    text-transform: lowercase;
    display: block;
    margin-top: 30px;
    text-align: center;
    color: #4a4a4c;
    font-size: 16px
}

#about_content .f3 .un .un_un ul {
    margin: 0 -10px
}

#about_content .f3 .un .un_un li {
    width: 220px;
    height: 90px;
    overflow: hidden;
    float: left;
    margin: 10px
}

#about_content .f3 .un .un_un li img {
    width: 220px;
    height: 90px;
    opacity: 0.7;
    display: block;
    -webkit-filter: grayscale(1)
}

#about_content .f3 .un .un_un li a:hover img {
    -webkit-filter: none;
    opacity: 1
}

#about_content .f4 .up {
    background: #1c1c1e;
    margin: 50px auto 0 auto;
    padding: 70px 0
}

#about_content .f4 .up h1 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center
}

#about_content .f4 .up p {
    color: #88888e;
    font-size: 14px;
    text-align: center
}

#about_content .f4 .un .un_up {
}

#about_content .f4 .un .un_up .left {
    width: 50%;
    background: #ff1d00;
    height: 270px
}

#about_content .f4 .un .un_up .left .box {
    width: 600px;
    float: right;
    padding-top: 90px
}

#about_content .f4 .un .un_up .left h1 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase
}

#about_content .f4 .un .un_up .right {
    width: 50%;
    background: #f3f4f6;
    height: 270px
}

#about_content .f4 .un .un_up .right .box {
    padding: 35px 0 0 50px
}

#about_content .f4 .un .un_up .right .box h1 {
    font-size: 18px;
    margin-bottom: 20px
}

#about_content .f4 .un .un_up .right .box p {
    font-size: 14px;
    color: #434345;
    line-height: 30px
}

#about_content .f4 .un .un_md {
    position: relative;
    background: #21282e
}

#about_content .f4 .un .un_md .left {
    width: 50%
}

#about_content .f4 .un .un_md .left img {
    float: left;
    display: block
}

#about_content .f4 .un .un_md .left h1 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase
}

#about_content .f4 .un .un_md .right {
    width: 50%
}

#about_content .f4 .un .un_md .right .text {
    width: 50%;
    float: left;
    height: 100%
}

#about_content .f4 .un .un_md .right .text h1 {
    padding-top: 50%;
    margin-top: -60px;
    text-align: center;
    line-height: 4rem;
    font-size: 24px;
    color: #fff
}

#about_content .f4 .un .un_un {
    position: relative;
    background: #f7f7f7
}

#about_content .f4 .un .un_un .right {
    width: 50%
}

#about_content .f4 .un .un_un .right img {
    margin: 0;
    display: block;
    padding: 0;
    float: left
}

#about_content .f4 .un .un_un .left {
    width: 50%
}

#about_content .f4 .un .un_un .left .box {
    width: 600px;
    float: right
}

#about_content .f4 .un .un_un .left .box h1 {
    padding-top: 35%;
    margin-top: -80px;
    color: #21282e;
    text-align: center;
    display: block;
    font-size: 24px
}

.case-bd {
}

.listContent {
    width: 3900px;
    overflow: hidden
}

.listContent ul {
    float: left !important;
    box-sizing: border-box;
    width: 1300px;
    padding: 10px 0;
}