.banner{
    max-height: 240px;
    background: url('../../static/hxjzl/hxjzl_bj.png') no-repeat center top ;
    box-sizing: border-box;
    background-size: cover;
}
.banner .content-box {
    padding-top: 100px;
    padding-bottom: 130px;
    height: fit-content;
}
.banner .detail-title {
    /*font-family: MicrosoftYaHei;*/
    font-size: 54px;
    font-weight: lighter;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 1px;
    color: #ffffff;
}

.content-body{
    background-color: #fff !important;
}

#content-body__core-value,#content-body__ecosphere {
    margin-top: 140px;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 500px;
}


.core-value__display--image,.ecosphere__display--image {
    width: 50%;
    max-width: 700px;
    transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    flex-shrink: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.core-value__display--image img,
.ecosphere__display--image img{
    width: 100%;
    height: 100%;
}

.core-value__display--text,
.ecosphere__display--text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 120px;
    border: 1px solid #dedede;
    border-left: none;

}




.ecosphere__display--text .text-title,
.core-value__display--text .text-title {
    padding-right: 35px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;

    transform: translateX(50px);
    -ms-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -o-transform: translateX(50px);

    filter: alpha(opacity=0);
    opacity: 0;
}




.core-value__display--text .text-content,
.ecosphere__display--text .text-content {
    font-size: 16px;
    /*padding-right: 35px;*/
    color: #666;

    transform: translateX(80px);
    -ms-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -o-transform: translateX(80px);

    filter: alpha(opacity=0);
    opacity: 0;
}

.text-content .text-content--span {
    text-align: justify;
    line-height: 26px;
    word-spacing: 5px;
    margin-top: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.text-content .text-content--span>div{
    margin-bottom: 15px;
}
#content-body__core-value .text-data {
    transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -o-transform: translateY(-40px);

    filter: alpha(opacity=0);
    opacity: 0;
}


.text-data .data-dispaly-top {
    margin-bottom: 60px;
}
#content-body__cooperation-partner {
    margin-top: 140px;
    /* height: 930px; */
    height: 770px;
    position: relative;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;

    background: linear-gradient(to bottom, #fff, #f4f6fa);
    background: -moz-linear-gradient(to bottom, #fff, #f4f6fa);
    background: -webkit-linear-gradient(to bottom, #fff, #f4f6fa);
    background: -o-linear-gradient(to bottom, #fff, #f4f6fa);
    background: -ms-linear-gradient(to bottom, #fff, #f4f6fa);
}

#content-body__cooperation-partner h2 {
    font-size: 40px;
    color: #000;
    /* padding-bottom: 20px; */
    text-align: center;
    font-weight: lighter;
    position: relative;
    z-index: 1;

    transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -o-transform: translateY(-40px);

    filter: alpha(opacity=0);
    opacity: 0;
}

#content-body__cooperation-partner .swiper-container {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -60px;

    filter: alpha(opacity=0);
    opacity: 0;
}

#content-body__cooperation-partner .swiper-container .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}

#content-body__cooperation-partner .swiper-slide {
    width: auto !important;
}

#content-body__cooperation-partner .button-custom {
    position: absolute;
    top: 600px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10;
}
#content-body__capacity,
#content-body__riskManagement {
    width: 100%;
    margin-top: 140px;
    height: 656px;
    display: flex;
    box-sizing: border-box;
}

.capacity__header-image,.riskManagement__header-image {
    width: 584px;
    height: 450px;
    margin-left:78px;
    background-color: #f8fafd;
    position: relative;
    z-index: 2;
    padding: 78px;
    transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);

    filter: alpha(opacity=0);
    opacity: 0;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.header-image__title {
    padding-top: 159px;
    padding-left: 114px;
}

.header-image__title .button-custom {
    margin-top: 45px;
}
#content-body__riskManagement>.header-image__content{
    position: relative;
    top: 80px;
    left: 0;
    width: 100%;
    height: 500px;
    /*background: url(../../static/hxjzl/fknl.png) no-repeat center top;*/
    filter: alpha(opacity=0);
    opacity: 0;
}

#content-body__capacity>.header-image__content {
    position: relative;
    top: 80px;
    left: 0;
    width: 100%;
    height: 500px;
    /*background: url(../../static/hxjzl/tynl.png) no-repeat center top;*/
    filter: alpha(opacity=0);
    opacity: 0;
}


.header-image__content>div {
    position: absolute;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    top: -70px;
}





.header__title .title--content {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 26px;
}





.box--active {
    transition: all .8s !important;
    -ms-transition: all .8s !important;
    -moz-transition: all .8s !important;
    -webkit-transition: all .8s !important;
    -o-transition: all .8s !important;

    /*IE*/
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;

    transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -o-transform: translate(0) !important;
}

.header__banner {
    height: 800px;
    position: relative;
    padding-top: 0 !important;
    overflow: hidden;
}

.header__banner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2)
}

.header__banner video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.header__banner .txt {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -80px;
    z-index: 2;

    transform: translateX(50px);
    -ms-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -o-transform: translateX(50px);

    filter: alpha(opacity=0);
    opacity: 0;
}

.header__banner h2 {
    color: #fff;
    font-size: 60px;
    padding-bottom: 45px;
    font-weight: 400;
}

.header__banner span {
    background: #ffc819;
    font-weight: bold;
    color: #000;
    width: 180px;
    height: 44px;
    line-height: 42px;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
}

@media screen and (max-width: 751px) {

    #content-body__core-value,
    #content-body__capacity,
    #content-body__ecosphere,
    #content-body__riskManagement,
    .footer {
        padding: 0 .63rem;
    }

    /* 隐藏部分 */
    .header__welcome,
    .header__navibar--fixed {
        display: none;
    }

    /* Header部分 */
    .header__navibar {
        height: 1.5rem;
        padding: 0 .32rem;
    }

    .header__navibar img {
        width: 4.2rem;
    }

    .header__navibar .navibar__warp {
        display: none;
    }

    .header__banner {
        height: 9rem;
    }

    .header__banner h2 {
        font-size: .52rem;
        line-height: .87rem;
        padding-bottom: 0;
    }

    .header__banner span {
        width: 3rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem;
    }

    .header__banner video {
        object-fit: none;
    }

}

/* content-body */
@media screen and (max-width: 751px) {

    #content-body__core-value,#content-body__ecosphere {
        margin-top: 0;
        padding-top: 1.4rem;
        padding-bottom: 1.2rem;

        background: #f3f5f9;
    }
    #content-body__core-value .core-value__display--image,
    #content-body__ecosphere .core-value__display--image {
        display: none;
    }

    #content-body__ecosphere .text-content,
    #content-body__core-value .text-content {
        margin-top: .15rem;
        margin-bottom: .45rem;
        font-size: .3rem;
        padding-right: 0;
    }

    #content-body__core-value .text-content--span,
    #content-body__ecosphere .text-content--span {
        padding-right: 0;
        height: auto;
        padding-bottom: .30rem;
        line-height: .48rem;
    }
}


@media screen and (max-width: 751px) {

    /* 核心竞争力 */
    #content-body__capacity,#content-body__riskManagement {
        margin-top: 1.4rem;
        height: 8.95rem;
        overflow: hidden;
    }

    #content-body__capacity .capacity__header-image
    ,#content-body__riskManagement .riskManagement__header-image{
        width: 6.86rem;
        height: 5rem;
        background-color: #f8fafd;
    }

    #content-body__capacity .header-image__title,
     #content-body__riskManagement .header-image__title{
        padding-top: 1.2rem;
        padding-left: .3rem;
        position: relative;
    }



    #content-body__capacity .header-image__title img,
    #content-body__riskManagement  .header-image__title img{
        position: absolute;
        top: 2rem;
    }

    #content-body__capacity .header-image__content,
    #content-body__riskManagement .header-image__content{
        top: 2.93rem;
        width: 100%;
    }

    #content-body__capacity .header-image__content>div,
    #content-body__riskManagement .header-image__content>div{
        height: 6.05rem;
        padding-top: 2.1rem;
        background-color: #f3f5f9;
        color: #333;
    }

}


@media screen and (max-width: 751px) {

    /* footer */
    .footer {
        width: 100%;
        height: 6.05rem;
        background: url('../../static/sy/footer_mobile.png') no-repeat center top #063966;
        padding: 1rem .32rem .39rem .63rem;
    }

    .footer-logo__warp {
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: .46rem;
        margin-bottom: .46rem;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-logo__warp .footer__logo img {
        width: 4.22rem;
        height: .50rem;
        margin-bottom: .2rem;
    }

    .service-hottel,
    .service-email {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: .14rem 0;
    }

    .service-hottel>.text,
    .service-email>.text {
        margin-top: 0;
        font-size: .34rem;
        line-height: .25rem;
    }

    .service-hottel>.title,
    .service-email>.title {
        font-size: .26rem;
        line-height: .30rem;
    }

    .footer .copyright {
        padding-top: 0;
        /*font-size: .26rem;*/
        line-height: .46rem;
    }

    .copyright .row {
        line-height: .46rem;
    }

    .copyright .row__copyright {
        margin-top: .1rem;
        font-size: .2rem;
        line-height: .30rem;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .row__copyright .temp {
        display: none;
    }
    .copyright .footer-image {
        display: none;
    }
}

@media screen and (min-width: 1537px) {

    .header__welcome,
    .header__navibar,
    .header__navibar--fixed,
    #content-body__core-value,
    #content-body__ecosphere,
    #content-body__capacity,
    #content-body__riskManagement,
    .footer {
        padding: 0 260px;
    }

}

@media screen and (max-width: 1536px) and (min-width: 1000px) {

    .header__welcome,
    .header__navibar,
    .header__navibar--fixed,
    #content-body__core-value,
    #content-body__ecosphere,
    #content-body__capacity,
    #content-body__riskManagement,
    .footer {
        padding: 0 60px;
    }


}

body {
    box-shadow: 0px 1px 5px 0px #ccc inset;
    -moz-box-shadow: 0px 1px 5px 0px #ccc inset;
    -webkit-box-shadow: 0px 1px 5px 0px #ccc inset;

    overflow-x: hidden;
}

@font-face {
    font-family: 'Conv_MONTSERRAT-REGULAR-8';
    src: url('../../fonts/MONTSERRAT-REGULAR-8.eot');
    src: local('☺'), url('../../fonts/MONTSERRAT-REGULAR-8.ttf') format('truetype'), url('../../fonts/MONTSERRAT-REGULAR-8.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /*font-family: 'Conv_DIN-Bold';*/
    src: url('../../fonts/DIN-Bold.eot');
    src: local('☺'), url('../../fonts/DIN-Bold.woff') format('woff'), url('../../fonts/DIN-Bold.ttf') format('truetype'), url('../../fonts/DIN-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.loading {
    overflow: hidden;
    height: 0;
}

.box--active {
    transition: all .8s !important;
    -ms-transition: all .8s !important;
    -moz-transition: all .8s !important;
    -webkit-transition: all .8s !important;
    -o-transition: all .8s !important;

    /*IE*/
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;

    transform: translate(0) !important;
    -ms-transform: translate(0) !important;
    -moz-transform: translate(0) !important;
    -webkit-transform: translate(0) !important;
    -o-transform: translate(0) !important;
}


@media screen and (max-width: 751px) {
    html {
        font-size: calc(100vw / 750 * 100);
    }
}

.competitiveness__title,
.ecosphere__title,
.riskManagement__title{
    font-size: 40px;
    width: 100%;
    font-weight: lighter;
}
.small__margin-top{
    margin-top: 50px !important;
}