@charset "UTF-8";

/*** 公共 ****/

.indexBanner .imgs {
    width: 100%;
    height: 100vh;
    /*    height: 50em;*/
    /* background-image: ; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.p-index .place110 {
    display: none;
}

.p-index .pc-head {
    position: absolute;
    width: 100%;
    color: #fff;
}

.indexBanner {
    color: #fff;
}

.indexBanner h1 {
    max-width: 885px;
    font-size: 2em;
    line-height: 1.2em;
    transform: translateY(80px);
    opacity: 0;
    transition: all 1s;
}

.indexBanner .act h1 {
    transform: translateY(0);
    opacity: 1;
}

.indexBanner .textbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.indexBanner .morean {
    float: left;
    margin-top: 3.5em;
    transform: translateY(80px);
    opacity: 0;
    transition: all 1s;
}

.indexBanner .act .morean {
    transition-delay: .4s;
    transform: translateY(0px);
    opacity: 1;
}

.indexBanner .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background-image: url(/content/img/images/homeic2.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
}

.indexBanner .swiper-pagination-bullet-active {
    background-image: url(/content/img/images/homeic1.svg);
}

.homepag {
    position: absolute;
    bottom: 1em!important;
    z-index: 99;
    text-align: center;
}

.home1 h1 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5
}

.home1 .text1 {
    font-size: 3em;
    color: #cccccc;
    padding-left: 1.02em;
    margin-top: 1em;
}


/* 4 文字*/

.home1 .text1 {
    font-size: 3em;
    color: #e4e4e4;
    padding-left: 1.02em;
    margin-top: 1em;
}

.home1 .text2 {
    font-size: 3.6em;
    color: #e60000;
    font-weight: bold;
    position: relative;
    margin-top: -40px;
}

.home1 .left {
    width: 29%;
}

.home1 .right {
    width: 62.22%;
    font-size: 1.2em;
}

.home1 .right .text {
    line-height: 1.5em;
}

.home1 a {
    font-size: 16px;
    margin-top: 3.75em;
    display: block;
}

.home1 a svg {
    width: 12px;
    height: 15px;
    color: #cd0102;
}

.home1 {}

.home1 .overflow {
    padding: 3.5em 0 3.75em;
    background-image: url(/content/img/images/homemap.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}


/* 背景 */

.home1 .overflow {
    padding: 3.5em 0 3.75em;
    background-image: url(/content/img/images/homemap.png);
    background-position: 5em .1em;
    background-repeat: no-repeat;
    background-size: 80%;
}

.home2 .imgs {
    height: 32em;
    color: #fff;
    background-size: cover;
}

.home2 .textbox {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.home2 .textbox h1 {
    font-size: 2.1em;
    font-weight: bold;
}

.home2 .textbox .text {
    font-size: 1.4em;
    max-width: 39.64em;
    margin: auto;
    line-height: 1.5em;
    margin-top: 1.1em;
}

.home2 {
    position: relative;
}

.home2 .tab .item {
    width: 25%;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 4.17em;
    font-size: 1em;
    cursor: pointer;
}

.home2 .tab {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 999;
}

.tab .item.active {
    border-bottom: 5px solid #cd0102;
}

.home2 .imgs {
    display: none;
}

.home2 .imgs.act {
    display: block;
}

.home3 .left {
    width: 55%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.home3 .item {
    width: 49%;
    height: 47%;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    position: relative;
}

.home3 .item svg {
    width: 10px;
    height: 10px;
    color: #e60000;
}

.home3 .item h1 {
    line-height: 1.3;
    padding: 0 1.4em;
    font-size: 1.1em;
    font-weight: bold;
}

.home3 .item a {
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.home3 .textbox {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.home3 .right h2 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 1em;
}

.home3 .right .text {
    font-size: 1em;
    line-height: 1.3;
    margin-top: 1.1em;
}

.home3 .morean {
    float: left;
}

.home3 .right {
    padding-left: 2.65em;
    width: 45%;
    margin-top: 1.25em;
}

.home3 {
    margin: 5.75em 0 4.1em;
}

.home3 .add-sw-btn-new {
    /* left: 14.56em; */
    bottom: 0;
    width: 32.5em;
    display: flex;
    justify-content: center;
}

.home4 .btns {
    font-size: 14px;
    background-color: #ffffff;
    width: 240px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 4.78em auto 0;
    color: #e60000;
}

.home4 .about2 .text {
    font-weight: 200;
}

.home5 .time {
    font-size: .7em;
}

.home5 .textbox {
    padding-top: 2.3em;
    background-color: #fff;
    padding-left: 2em;
    padding-left: 1em;
      padding-right: 1em;
    height: 12.5em;
    position: absolute;
    top: 10em;
    transition: all .5s;
    width: 100%;
}

.home5 .time span {
    color: #fd261c;
    margin-right: 20px;
}

.home5 .text {
    font-size: .8em;
    line-height: 1.5em;
    margin-top: 1em;
}

.home5 {
    background-color: #f8f8f8;
    padding: 4.2em 0 3.5em;
}

.home4 .about2 {
    margin-bottom: 0;
}

.home5 h1 {
    font-size: 2.1em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.02em;
}

.home5 .morean {
    margin-top: 2em;
}

.home5 .box {
    height: 22.5em;
    overflow: hidden;
    position: relative;
}

.home5 .col-lg-4:nth-child(1) img {
    width: 100%;
}

.home5 .col-lg-4:nth-child(2) img {
    /* padding-left: 10em; */
}



.home6 {
    text-align: center;
}

.home6 h1 {
    font-size: 2.1em;
    font-weight: bold;
}

.home6 .text {
    color: #666666;
    font-size: 1em;
    margin-top: 1.1em;
}


/* .home6swip img {
    object-position: ;
} */

.home6swip .swiper-slide {
    height: 5.3em;
    background-position: center;
    background-repeat: no-repeat;
}

.home6 .home6swip {
    height: 20em;
    padding: 2.25em 0 5em;
}

@media (max-width:991.998px) {
    .home6 .home6swip {
        height: 5rem;
        padding-bottom: 0;
    }
}

.home6 {
    padding-top: 3.25em;
}

.home7 .flex {
    justify-content: space-between;
}

.home7 {
    background-color: #313131;
    padding: 4em 0;
}

.home7 .item {
    position: relative;
    display: flex;
    align-items: center;
}

.home7 .item:after {
    display: block;
    content: '';
    width: 1px;
    height: 38px;
    background-color: rgba(255, 255, 255, .3);
    position: absolute;
    right: -2.5em;
    top: 25%;
}

.home7 .item:last-child:after {
    display: none;
}

.p-index .pc-head .logo img {
    display: none;
}

.p-index .pc-head .logo img+img {
    display: block!important;
}

.p-index .language {
    color: #fff;
}

.p-index .language svg {
    color: #fff;
}

@media (min-width:992px) {
    .home5 .box:hover .textbox {
        top: 0;
    }
}

.swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background-color: #DB2639;
}


/* .home3 .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/content/Img/images/btn-red.png);
} */

.swiper-pagination-bullet {
    width: 28px;
    height: 20px;
    opacity: .5;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/content/img/images/homeic1.svg);
}

.swiper-pagination-bullet-active {
    width: 28px;
    height: 20px;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/content/img/images/homeic1.svg);
}

@media(max-width:991.98px) {
    .home5 .col-lg-4:nth-child(2) img {
        padding-left: 0em;
    }
    .home3 .add-sw-btn-new {
        display: flex;
        left: 3.3rem;
        bottom: 0;
    }
    .home3 .left {
        width: 100%;
        display: block;
        overflow-x: scroll;
        margin-top: .5rem;
    }
    .home1 .h1s{
        font-size: .3rem!important;
    }
    .home3 .right .text{
        font-size: .28rem;
        line-height: .48rem
    }
    .home3 .morean{
        margin-top: .5rem;
    }
    .home3 {
        margin: .5rem 0 1rem;
    }
    .home3 .item h1{
        font-size: .3rem
    }
    /* .home3 .item+.item {
        margin-left: .3rem;
    } */
    .home3 .md-inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .home3 .item {
        /* width: 5.5rem !important; */
        float: left;
    }
    .home3 .sc {
        width: 23rem;
    }
    .home5 h1 {
        margin-bottom: .55rem;
    }
    .home5 .col-lg-4 {
        padding: 0;
        margin-bottom: .48rem;
    }
    .home5 .text {
        font-size: .28rem;
    }
    .home7 .item:after {
        top: 15%;
        right: -.05rem;
        height: 21px;
    }
    .home7 .item:nth-child(3):after {
        display: none;
    }
    .home7 .item:nth-child(4):after {
        right: -.65rem;
    }
    .home6 h1 {
        font-size: .45rem;
    }
    .home7 .flex {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .home7 .flex img {
        width: 45%;
    }
    .home7 {
        padding: .8rem 0 .3rem;
    }
    .home7 .item {
        width: 33%;
        margin-bottom: .5rem;
        display: flex;
        justify-content: center;
    }
    .home6 .text {
        font-size: .28rem;
        line-height: .45rem;
        padding: 0 .3rem;
    }
    .home5 .time {
        font-size: .26rem;
    }
    .home6swip .swiper-slide {
        background-size: contain;
    }
    .home5 .box {
        height: auto;
    }
    .home5 .textbox {
        position: relative;
        top: 0;
        height: auto;
        padding-left: .3rem;
        padding-right: .3rem;
        padding-bottom: .57rem;
    }
    .home3 .right {
        width: 100%;
        padding-left: 0;
    }
    .home2 .textbox h1 {
        font-size: .52rem;
    }
    .home2 .textbox .text {
        font-size: .28rem;
        padding: 0 .3rem;
    }
    .pagecen {
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
        font-size: .3rem;
    }
    .pagecen span {
        width: 4.8rem;
        display: block;
        margin: auto;
        padding-bottom: .3rem;
        border-bottom: 2px solid #fb1616;
    }
    /* .imgsboxpag .swiper-pagination-bullet {
        width: .15rem;
        height: .15rem;
        border-radius: 0;
        background-color: #fb1616;
        transform: rotate(45deg);
        margin: 0 .1rem!important;
        opacity: .4;
    }
    .imgsboxpag .swiper-pagination-bullet-active {
        opacity: 1;
    } */
    .imgsboxpag .swiper-pagination-bullet {
        width: 28px;
        height: 20px;
        opacity: .5;
        background-color: rgba(0, 0, 0, 0);
        background-image: url(/content/img/images/homeic1.svg);
    }
    .imgsboxpag .swiper-pagination-bullet-active {
        opacity: 1;
    }
    .indexBanner .imgs {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100vh!important;
    }
    .imgsboxpag {
        text-align: center;
        margin-top: .25rem;
    }
    .indexBanner h1 {
        font-size: .54rem;
    }
    .indexBanner .act h1 br {
        display: none;
    }
    .indexBanner .textbox {
        top: 40%;
    }
    .indexBanner h1 {
        max-width: 100%;
    }
    /* 2022.05.04 修改 */
    .home1 .h1s {
        width: 2.85rem;
        font-size: .26rem;
        font-weight: bold;
        line-height: 1.5;
        display: flex;
        position: relative;
    }
    .home1 .add-fr {
        position: absolute;
        top: -1.5rem;
        right: -4.05rem;
    }
    .home1 .left {
        display: none;
    }
    .home1 .right {
        width: 100%;
        float: none;
        padding: 0 .5em;
    }
    .home1 .right .text {
        font-size: .28rem;
        line-height: .5rem;
        margin-top: .4rem;
    }
    .home1 .overflow {
        padding-left: .3rem;
        padding-right: .3rem;
    }
    .home1 a {
        font-size: .24rem;
        margin-top: .35rem;
    }
    .home1 a svg {
        width: .15rem;
        height: .2rem;
        margin-right: .1rem;
    }
    /* 2022.05.04 修改 */
    .home1 .overflow {
        padding: 3.5em 0 3.75em;
        background-image: url(/content/img/images/homemap.png);
        background-position: -1em .5em;
        background-repeat: no-repeat;
        background-size: 110%;
    }
}


/* 2022.04.29 修改 */

.home5 .box {
    height: 23.5em;
    overflow: hidden;
    position: relative;
}

@media (max-width: 991.98px) {
    .home5 .text {
        font-size: .28rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .home .bg-img {
        display: flex;
        justify-content: center;
    }
}

.home2 .tab {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    display: flex;
}

.home2 .tab .item {
    width: 25%;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 2.3em;
    font-size: 1em;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 新增swiper */

.home3 .swiper {
    width: 100%;
    height: 25em;
    margin-left: auto;
    margin-right: auto;
}

.home3 .left {
    height: 24em;
    overflow: hidden;
    /* padding: 0 2.8em; */
    padding-bottom: 1.8em;
    /* padding-top: .8em; */
}

.home3 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.home3 .swiper-slide {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    background-size: cover;
}

.swiper-button-lock {
    display: block;
}

.index-l {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #f8f8f9;
}

.index-r {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-color: #f8f8f9;
}

.swiper-button-next {
    background-color: #f8f8f9;
    color: #999999;
    right: 25.5em;
}

.index-l:hover {
    color: #fff;
    background-color: #e60000;
}

.index-r:hover {
    color: #fff;
    background-color: #e60000;
}

.swiper-button-next:after {
    font-size: 1.2em;
}

.swiper-button-prev:after {
    font-size: 1.2em;
}

.add-mb {
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .6;
}

@media(max-width:991.98px) {
    .home3 .left {
        height: 10rem;
    }
    .home3 .swiper-slide {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
        background-size: cover;
        background-position: -1.3rem;
    }
}

@media(max-width:1800px) {
    .home3 .add-sw-btn-new {
        width: 34em;
    }
}

@media(max-width:1660px) {
    .home3 .add-sw-btn-new {
        width: 36em;
    }
}

@media(max-width:1520px) {
    .home3 .add-sw-btn-new {
        width: 36em;
    }
}

@media only screen and (min-width:1440px) and (max-width:1475px) {
    .home3 .add-sw-btn-new {
        width: 35.5em;
    }
}

@media only screen and (min-width:1340px) and (max-width:1440px) {
    .home3 .add-sw-btn-new {
        width: 35em;
    }
}

@media only screen and (min-width:1320px) and (max-width:1340px) {
    .home3 .add-sw-btn-new {
        width: 34em;
    }
}

@media only screen and (min-width:1240px) and (max-width:1320px) {
    .home3 .add-sw-btn-new {
        width: 33em;
    }
}

@media(max-width:1320px) {
    .home3 .add-sw-btn-new {
        width: 55%;
    }
}

@media(max-width:1550px) {
    .indexBanner .imgs {
        height: 36em;
    }
}

@media(max-width:992px) {
    .home3 .add-sw-btn-new {
        width: 100%;
        left: 0;
    }
}