@media screen and (min-width: 640px) {
    .banner {
        width: 100%;
        height: 66rem;
        overflow: hidden;
        float: left;
        position: relative
    }
    .banner .swiper-slide {
        width: 100%;
        position: relative;
        overflow: hidden
    }
    .banner .swiper-slide img {
        width: 192rem;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -96rem
    }
    .banner .swiper-button-prev, .banner .swiper-button-next {
        width: 6rem;
        height: 8rem;
        background: rgba(0, 0, 0, 0.3)
    }
    .banner .swiper-button-prev {
        left: 0
    }
    .banner .swiper-button-next {
        right: 0
    }
    .banner .swiper-pagination-bullet {
        width: 1.4rem;
        height: 1.4rem;
        margin: 0 .5rem;
        background: #fff
    }
    .banner .swiper-pagination-bullet-active {
        background: #e60012
    }
    .box {
        width: 100%;
        float: left;
        position: relative;
        margin-bottom: 2rem
    }
    .box .t1 {
        width: 100%;
        text-align: center;
        padding: 4.5rem 0
    }
    .box .t1 strong {
        line-height: 3.6rem;
        font-size: 2.8rem;
        font-weight: bold;
        display: block
    }
    .box .t1 strong i {
        color: #e60012
    }
    .box .t1 span {
        display: inline-block;
        height: 1.5rem;
        border-bottom: .1rem solid #ccc;
        padding: 0 3rem
    }
    .box .t1 span em {
        background: #fff;
        line-height: 3rem;
        color: #ccc;
        padding: 0 .8rem;
        font-size: 1.5rem;
        text-transform: uppercase
    }
    .headline {
        width: 72rem;
        height: 44rem;
        float: left;
        overflow: hidden;
        position: relative
    }
    .headline .swiper-slide {
        width: 100%;
        position: relative
    }
    .headline .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%
    }
    .headline .swiper-slide span {
        width: 100%;
        height: 4.6rem;
        line-height: 4.6rem;
        background: rgba(0, 0, 0, 0.3);
        color: #fff;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 1.4rem;
        box-sizing: border-box;
        padding: 0 1.5rem;
        z-index: 2
    }
    .newsTab {
        width: 72rem;
        height: 54rem;
        float: right
    }
    .newsTab .tab {
        width: 100%;
        float: left;
        height: 5rem
    }
    .newsTab .tab li {
        padding: 0 2rem;
        margin-right: 1.5rem;
        line-height: 4.8rem;
        font-size: 1.5rem;
        cursor: pointer;
        float: left;
        color: #333
    }
    .newsTab .tab li.cur, .newsTab .tab li:hover {
        background: #e60012;
        color: #fff
    }
    .newsTab ul.newsList {
        width: 100%;
        float: left;
        margin: 2rem 0
    }
    .newsTab ul.newsList li {
        width: 100%;
        float: left;
        position: relative;
        padding: 2rem 0
    }
    .newsTab ul.newsList li em {
        width: 9rem;
        height: 6rem;
        line-height: 3rem;
        text-align: center;
        padding: 1rem 0;
        margin-right: 2rem;
        float: left;
        font-size: 1.5rem;
        color: #888
    }
    .newsTab ul.newsList li em strong {
        font-size: 2.2rem;
        font-weight: bold;
        color: #333;
        display: block
    }
    .newsTab ul.newsList li a {
        width: 60rem;
        height: 3rem;
        line-height: 3rem;
        font-size: 1.7rem;
        display: inline-block;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
    .newsTab ul.newsList li p {
        width: 60rem;
        max-height: 5rem;
        line-height: 2.5rem;
        color: #666;
        overflow: hidden;
        font-size: 1.4rem
    }
    .newsTab ul.newsList li:after {
        content: '';
        height: 100%;
        position: absolute;
        border-right: .1rem solid #eaeaea;
        top: 0;
        left: 9rem
    }
    .celebrate {
        width: 100%;
        float: left;
        height: 8rem
    }
    .celebrate img {
        display: block;
        height: 100%;
        float: left;
        margin-right: 3rem
    }
    .celebrate span {
        line-height: 8rem;
        font-size: 2.2rem;
        font-weight: bold;
        color: #e60012
    }
    .about {
        background: #f8f8f8
    }
    .about .t1 {
        text-align: left
    }
    .about .t1 strong {
        width: 20rem;
        text-align: center
    }
    .about .t1 span {
        width: 14rem;
        text-align: center
    }
    .about .t1 span em {
        background: #f8f8f8
    }
    .about .aboutBox {
        width: 76rem;
        display: block;
        float: left;
        background: #f8f8f8;
        padding-bottom: 5rem;
        position: relative;
        z-index: 2
    }
    .about .aboutBox p {
        width: 100%;
        float: left;
        line-height: 3.2rem;
        font-size: 1.5rem;
        text-indent: 2em
    }
    .about .aboutBox .moreBtn a {
        height: 4rem;
        line-height: 4rem;
        margin: 2rem 0;
        float: left;
        padding: 0 3.5rem;
        color: #fff;
        background: #e60012;
        font-size: 1.4rem
    }
    .about .aboutBox .moreBtn a:hover {
        background: #e9313f
    }
    .about .aboutBox ul {
        width: 100%;
        float: left;
        display: flex;
        justify-content: space-between
    }
    .about .aboutBox ul li {
        width: 8rem;
        text-align: center
    }
    .about .aboutBox ul li em {
        display: block;
        width: 8rem;
        height: 8rem;
        line-height: 8rem;
        text-align: center;
        background: #fff;
        color: #b4b3b3;
        border-radius: 50%;
        font-size: 4.6rem
    }
    .about .aboutBox ul li span {
        line-height: 4rem;
        font-size: 1.4rem
    }
    .about .aboutBox ul li:hover em {
        background: #e60012;
        color: #fff
    }
    .about .aboutBox ul li:hover span {
        color: #333
    }
    .about .video {
        width: 72rem;
        height: 40.6rem;
        float: right;
        position: relative;
        z-index: 3
    }
    .about .whiteBg {
        width: 80rem;
        height: 36rem;
        background: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0
    }
    .business .businessBox {
        width: 100%;
        display: flex;
        justify-content: space-between
    }
    .business .businessBox .item {
        width: 46rem
    }
    .business .businessBox .item strong {
        width: 100%;
        float: left
    }
    .business .businessBox .item strong em {
        width: 6.5rem;
        height: 7rem;
        line-height: 7rem;
        text-align: left;
        font-size: 6rem;
        color: #1d2088;
        float: left
    }
    .business .businessBox .item strong span {
        float: left;
        height: 5rem;
        line-height: 2.5rem;
        padding: 1rem 0;
        font-size: 1.8rem;
        font-weight: bold;
        color: #333
    }
    .business .businessBox .item strong span i {
        display: block;
        font-weight: normal;
        font-size: 1.4rem;
        color: #888
    }
    .business .businessBox .item p {
        width: 100%;
        float: left;
        line-height: 2.5rem;
        margin-top: .5rem;
        font-size: 1.5rem
    }
    .business .businessBox .item p a.view {
        color: #e60012
    }
    .business .businessBox .item .more {
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 20px
    }
    .business .businessBox .item .more a {
        display: inline-block;
        padding: 0 15px;
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        background: #f27f88;
        border-radius: .3rem
    }
    .business .businessBox .item .more a:hover {
        background: #e60012
    }
    .project {
        padding-top: 5rem;
        height: 60rem;
        position: relative;
        width: 100%;
        overflow: hidden
    }
    .project .greyBg {
        width: 86rem;
        height: 100%;
        background: #f8f8f8;
        position: absolute;
        left: 0
    }
    .project .swiper-slide {
        width: 100%;
        overflow: hidden
    }
    .project .swiper-button-prev {
        left: 12rem
    }
    .project .swiper-button-next {
        right: 12rem
    }
    .project .info {
        width: 51rem;
        float: left;
        padding: 4rem 2rem 0 0;
        box-sizing: border-box
    }
    .project .info strong.infoTitle {
        width: 100%;
        float: left;
        line-height: 5.6rem;
        font-size: 2.3rem;
        color: #333;
        text-align: center
    }
    .project .info p {
        line-height: 2.5rem;
        margin: 1rem 0;
        font-size: 1.5rem;
        float: left;
        width: 100%;
        text-align: left
    }
    .project .info p strong {
        font-size: 1.6rem;
        font-weight: bolder
    }
    .project .info .viewBtn {
        width: 100%;
        text-align: center;
        margin-top: 2rem;
        float: left
    }
    .project .info .viewBtn a {
        height: 4.6rem;
        line-height: 4.6rem;
        font-size: 1.4rem;
        padding: 0 4rem;
        display: inline-block;
        color: #fff;
        background: #e9313f
    }
    .project .picView {
        width: 100rem;
        float: right
    }
    .project .picView img {
        width: 100%;
        height: 54.8rem;
        display: block
    }
    .cooperate {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-bottom: 0
    }
    .cooperate .cooperateBox {
        width: 100%;
        overflow: hidden
    }
    .cooperate .swiper-slide {
        box-sizing: border-box
    }
    .cooperate .swiper-slide img {
        display: block;
        margin-bottom: .2rem;
        width: 100%;
        border: .1rem solid #fff;
        box-sizing: border-box;
        transition: border ease-in .3s
    }
    .cooperate .swiper-slide img:hover {
        border: .1rem solid #eee;
        cursor: pointer
    }
}
@media screen and (max-width: 640px) {
    .banner {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        position: relative;
        --swiper-navigation-color: rgba(255, 255, 255, .7);
        --swiper-navigation-size: 2.6rem
    }
    .banner .swiper-slide {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden
    }
    .banner .swiper-slide img {
        height: auto;
        display: block
    }
    .banner .swiper-button-prev, .banner .swiper-button-next {
        width: 5rem;
        height: 5rem;
        background: rgba(0, 0, 0, 0.3)
    }
    .banner .swiper-pagination-bullet {
        width: 2rem;
        height: .3rem;
        border-radius: 0;
        margin: 0 .5rem;
        background: #fff;
        opacity: .8
    }
    .banner .swiper-pagination-bullet-active {
        background: #e60012
    }
    .box {
        width: 100%;
        float: left;
        padding-bottom: 1rem;
        position: relative;
        background: #fff
    }
    .box .t1 {
        width: 100%;
        float: left;
        text-align: center;
        padding: 2rem 0
    }
    .box .t1 strong {
        display: block;
        line-height: 3rem;
        font-size: 2rem;
        font-weight: bolder
    }
    .box .t1 strong i {
        color: #e60012
    }
    .box .t1 span {
        display: inline-block;
        height: 1.3rem;
        padding: 0 3rem;
        border-bottom: 1px solid #ccc
    }
    .box .t1 span em {
        font-size: 1.6rem;
        height: 2.6rem;
        line-height: 2.6rem;
        background: #fff;
        color: #ccc;
        padding: 0 1rem
    }
    .headline {
        width: 100%;
        float: left;
        height: 20rem;
        overflow: hidden;
        position: relative;
        --swiper-navigation-color: rgba(255, 255, 255, .7);
        --swiper-navigation-size: 2.6rem
    }
    .headline .swiper-slide {
        width: 100%;
        position: relative
    }
    .headline .swiper-slide img {
        width: 100%;
        height: 20rem;
        display: block
    }
    .headline .swiper-slide span {
        width: 100%;
        line-height: 3.2rem;
        height: 3.2rem;
        display: block;
        color: #fff;
        background: rgba(0, 0, 0, 0.5);
        font-size: 1.3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 1rem;
        box-sizing: border-box
    }
    .newsTab {
        width: 100%;
        float: left
    }
    .newsTab .tab {
        width: 100%;
        margin: 1rem 0;
        display: flex;
        justify-content: space-between
    }
    .newsTab .tab li {
        width: 30%;
        height: 3rem;
        line-height: 3rem;
        background: #eee;
        color: #333;
        text-align: center;
        border-radius: .3rem;
        font-size: 1.3rem
    }
    .newsTab .tab li.cur {
        background: #e60012;
        color: #fff
    }
    .newsTab .newsBox {
        width: 100%;
        float: left
    }
    .newsTab .newsBox .newsList {
        width: 100%;
        float: left
    }
    .newsTab .newsBox .newsList li:last-child {
        border-bottom: none
    }
    .newsTab .newsBox .newsList li {
        width: 100%;
        padding: 1rem 0;
        border-bottom: 1px dashed #eaeaea;
        display: flex;
        justify-content: space-between;
        overflow: hidden
    }
    .newsTab .newsBox .newsList li em {
        height: 6rem;
        float: left;
        padding: 1rem 0;
        box-sizing: border-box;
        line-height: 2rem;
        flex: 0 0 18%;
        text-align: center;
        font-size: 1.3rem;
        color: #888
    }
    .newsTab .newsBox .newsList li em strong {
        font-weight: bolder;
        font-size: 1.8rem;
        color: #333;
        display: block
    }
    .newsTab .newsBox .newsList li span {
        display: block;
        overflow: hidden;
        flex: 1 1 82%
    }
    .newsTab .newsBox .newsList li span a {
        width: 100%;
        line-height: 2.6rem;
        height: 2.6rem;
        display: block;
        float: left;
        font-size: 1.5rem;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .newsTab .newsBox .newsList li span p {
        width: 100%;
        height: 3.4rem;
        line-height: 1.7rem;
        font-size: 1.3rem;
        overflow: hidden;
        color: #666
    }
    .newsTab .newsBox .celebrate {
        display: none
    }
    .about {
        background: #f8f8f8
    }
    .about .t1 span em {
        background: #f8f8f8
    }
    .about .aboutBox {
        width: 100%;
        float: left
    }
    .about .aboutBox p {
        width: 100%;
        float: left;
        line-height: 2.5rem;
        text-indent: 2em;
        font-size: 1.4rem
    }
    .about .aboutBox .moreBtn {
        width: 100%;
        float: left;
        text-align: center;
        padding: 2rem 0 1rem
    }
    .about .aboutBox .moreBtn a {
        padding: 0 3rem;
        line-height: 3.2rem;
        display: inline-block;
        background: #e60012;
        color: #fff;
        border-radius: .2rem
    }
    .about .aboutBox .subColumn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }
    .about .aboutBox .subColumn li {
        width: 30%;
        text-align: center;
        margin: 1rem 0
    }
    .about .aboutBox .subColumn li em {
        width: 6rem;
        height: 6rem;
        border-radius: 50%;
        text-align: center;
        line-height: 5.6rem;
        display: inline-block;
        background: #fff;
        color: #b4b3b3;
        font-size: 3.2rem
    }
    .about .aboutBox .subColumn li span {
        width: 100%;
        display: block;
        text-align: center;
        line-height: 3rem;
        font-size: 1.3rem;
        color: #333
    }
    .about .video {
        width: 100%;
        float: left
    }
    .about .video img {
        width: 100%;
        display: block
    }
    .businessBox .item {
        width: 100%;
        float: left
    }
    .businessBox .item strong {
        width: 100%;
        text-align: center;
        height: 4rem;
        line-height: 4rem
    }
    .businessBox .item strong em {
        font-size: 3.6rem;
        color: #1d2088;
        float: left;
        line-height: 4rem;
        padding-right: .5rem
    }
    .businessBox .item strong span {
        color: #333;
        font-size: 1.7rem;
        font-weight: bolder;
        float: left
    }
    .businessBox .item strong span i {
        color: #999;
        font-size: 1.5rem;
        font-weight: normal;
        padding-left: .5rem
    }
    .businessBox .item p {
        width: 100%;
        float: left;
        line-height: 2.5rem;
        color: #666;
        font-size: 1.3rem
    }
    .project {
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden;
        --swiper-navigation-color: rgba(255, 255, 255, .7);
        --swiper-navigation-size: 4.6rem
    }
    .project .swiper-slide .wp {
        width: 100%;
        float: left
    }
    .project .swiper-slide img {
        width: 100%;
        height: 20rem;
        float: left;
        display: block
    }
    .project .swiper-button-prev, .project .swiper-button-next {
        top: 10rem
    }
    .project .info {
        width: 100%;
        float: left;
        padding: 1rem 1rem 0;
        box-sizing: border-box
    }
    .project .info strong.infoTitle {
        width: 100%;
        height: 4rem;
        display: block;
        line-height: 4rem;
        font-size: 2.1rem;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .project .info p {
        line-height: 2.6rem;
        margin: 1rem 0;
        font-size: 1.3rem;
        float: left;
        width: 100%;
        text-align: left
    }
    .project .info p strong {
        font-size: 1.4rem;
        font-weight: bolder
    }
    .project .info .viewBtn {
        width: 100%;
        text-align: center
    }
    .project .info .viewBtn a {
        padding: 0 3rem;
        display: inline-block;
        margin-top: 1rem;
        border-radius: .3rem;
        line-height: 3.6rem;
        background: #e60012;
        color: #fff;
        font-size: 1.3rem
    }
    .cooperate {
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-bottom: 0
    }
    .cooperate .cooperateBox {
        width: 100%;
        overflow: hidden
    }
    .cooperate .swiper-slide {
        box-sizing: border-box
    }
    .cooperate .swiper-slide img {
        display: block;
        margin-bottom: .2rem;
        width: 100%;
        border: .1rem solid #fce5e7;
        box-sizing: border-box;
        transition: border ease-in .3s
    }
    .cooperate .swiper-slide img:hover {
        border: .1rem solid #eee;
        cursor: pointer
    }
}
/*# sourceMappingURL=index.css.map */